#C4A484
#E6D3B3
#A98467
#F7F1E8
#2E3A66Charcoal
#5C6BA6Steel Blue
#D7A66BLatte
#F5EFE4Linen
Boho Indigo is a complementary color palette tagged boho, muted, blue. Near-complementary hues (about 172° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Charcoal | #2E3A66 | rgb(46, 58, 102) | hsl(227, 38%, 29%) | oklch(36.1% 0.078 271) | |
| Steel Blue | #5C6BA6 | rgb(92, 107, 166) | hsl(228, 29%, 51%) | oklch(54.1% 0.094 272) | |
| Latte | #D7A66B | rgb(215, 166, 107) | hsl(33, 57%, 63%) | oklch(75.8% 0.096 71) | |
| Linen | #F5EFE4 | rgb(245, 239, 228) | hsl(39, 46%, 93%) | oklch(95.4% 0.016 83) |
Why it works and how to use it
It works because the lightness range is wide (29% to 93%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Linen (#F5EFE4) is the lightest color, so it belongs on large surfaces.
- Text: Charcoal (#2E3A66) on #F5EFE4 gives 9.59:1, passing WCAG AAA.
- Primary: Latte (#D7A66B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Steel Blue (#5C6BA6) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Linen at 9.59:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Boho 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
#2E3A66
#5C6BA6
#D7A66B
#F5EFE4
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2E3A66 on #F5EFE4 | Aa | 9.59:1 | AAA |
#2E3A66 on #D7A66B | Aa | 4.99:1 | AA |
#5C6BA6 on #F5EFE4 | Aa | 4.47:1 | AA large only |
#5C6BA6 on #D7A66B | Aa | 2.33:1 | Fail |
#2E3A66 on #5C6BA6 | Aa | 2.15:1 | Fail |
#D7A66B on #F5EFE4 | Aa | 1.92:1 | Fail |
Similar palettes 24 more in this mood
#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#73A19B
#C4E2DA
#EFBD92
#FFF9F0
#778452
#B9C288
#F1BF95
#FEF9F1
#61684F
#9BA082
#C9AD97
#F5F2EE
#353C54
#646E8E
#C6AB8C
#F3EFE9
#785375
#AF7EA2
#F1D1A3
#FFF9F2
#5E3A5B
#9A6B8E
#D9B98C
#F6EFE6
#5F6B3A
#9AA36A
#D9A87E
#F7F2EA
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#2E5499
#659699
#BF836B
#D8A282
#5CBAA9
#5E99B8
#23737D
#356345
#63BDB2
#D88F7A
#3C7BAC
#966457
#117469
#4696A5
#73A381
#54A2D9
#9FD1B2
#65CAE2
#4D978F
#0267A2
#574D51
#9EB9B2
#EEEAD2
#DEBC92
#F4A583
#FFD6BB
#D0C2A9
#FFF9F1
#DC8A37
#F8B872
#91654D
#F5EEDF
#E4B141
#FAD981
#9F7E57
#FFFAEE
#5589A4
#B59A69
#D8C497
#CDC3FF
#A8A62B
#C5CF76
#7D7142
#F5EEDF
#5C4B51
#8CBEB2
#F2EBBF
#F3B562
#A44A3F
#D4A373
#DCE3A8
#FBE6C2