#404C60
#738DAB
#97C4F5
#E7F0F9
#3F4A6BDusk
#6F7A9CSlate
#C6CBDALavender Gray
#F3F4F7Smoke
Muted Indigo is a muted monochromatic color palette tagged muted, cold, minimal. All four colors sit within 0° of hue, so the scheme reads as one color explored across light and dark. Every color is softened, so it works well as a background system for text-heavy layouts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Dusk | #3F4A6B | rgb(63, 74, 107) | hsl(225, 26%, 33%) | oklch(41.4% 0.057 270) | |
| Slate | #6F7A9C | rgb(111, 122, 156) | hsl(225, 19%, 52%) | oklch(58.3% 0.054 271) | |
| Lavender Gray | #C6CBDA | rgb(198, 203, 218) | hsl(225, 21%, 82%) | oklch(84.3% 0.022 271) | |
| Smoke | #F3F4F7 | rgb(243, 244, 247) | hsl(225, 20%, 96%) | oklch(96.7% 0.004 271) |
Why it works and how to use it
With 3 chromatic colors, Lavender Gray takes the lead while the rest support. Lightness runs from 33% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#F3F4F7) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#3F4A6B) on #F3F4F7 gives 7.95:1, passing WCAG AAA.
- Primary: Lavender Gray (#C6CBDA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#6F7A9C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Smoke at 7.95:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Muted Indigo
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#3F4A6B
#6F7A9C
#C6CBDA
#F3F4F7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3F4A6B on #F3F4F7 | Aa | 7.95:1 | AAA |
#3F4A6B on #C6CBDA | Aa | 5.39:1 | AA |
#6F7A9C on #F3F4F7 | Aa | 3.87:1 | AA large only |
#6F7A9C on #C6CBDA | Aa | 2.62:1 | Fail |
#3F4A6B on #6F7A9C | Aa | 2.06:1 | Fail |
#C6CBDA on #F3F4F7 | Aa | 1.47:1 | Fail |
Similar palettes 24 more in this mood
#273754
#52719E
#F1DDBE
#FDFAF5
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#3E2723
#6D4C41
#A1887F
#EFEBE9
#2F5D62
#5E8B7E
#A7C4BC
#F1F7F5
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#F7FBFF
#D5E2ED
#ADCAE3
#2C4A66
#5B4B5E
#8A7A8C
#C9BEC6
#F2EEF0
#245B54
#4F9E92
#B7E4DC
#F1FBF9
#2C3A2F
#5B7553
#B7C4A8
#F3F1EA
#64557C
#8B83A7
#C4BCCF
#F2EFF5
#F7FBFF
#D7E6F2
#7FA7C9
#243B53
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#586386
#8C97BB
#DCE1F0
#F9FAFD
#020B25
#27446D
#C2AE91
#E3E0DB
#CFFAFF
#7FD9DA
#538582
#52514C
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7