#121128
#464A64
#837581
#D4CBC6
#EAEAEAFrost
#C6CBD0Lavender Gray
#213F62Charcoal
#010A18Obsidian
Quiet Charcoal & Obsidian is a neutral-based color palette tagged dark, muted, minimal. Obsidian is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #EAEAEA | rgb(234, 234, 234) | hsl(0, 0%, 92%) | oklch(93.7% 0.000 0) | |
| Lavender Gray | #C6CBD0 | rgb(198, 203, 208) | hsl(210, 10%, 80%) | oklch(84.0% 0.009 248) | |
| Charcoal | #213F62 | rgb(33, 63, 98) | hsl(212, 50%, 26%) | oklch(36.2% 0.071 254) | |
| Obsidian | #010A18 | rgb(1, 10, 24) | hsl(217, 92%, 5%) | oklch(14.3% 0.036 251) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Charcoal to lead. Lightness runs from 5% to 92%. Well suited to websites, presentations and branding.
- Background: Frost (#EAEAEA) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#010A18) on #EAEAEA gives 16.5:1, passing WCAG AAA.
- Primary: Charcoal (#213F62) is the most saturated mid-tone; use it for buttons and links (8.94:1 against the background, fine for UI elements).
- Accent: Lavender Gray (#C6CBD0) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Obsidian at 16.5:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Charcoal & Obsidian
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
#EAEAEA
#C6CBD0
#213F62
#010A18
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#EAEAEA on #010A18 | Aa | 16.5:1 | AAA |
#C6CBD0 on #010A18 | Aa | 12.15:1 | AAA |
#EAEAEA on #213F62 | Aa | 8.94:1 | AAA |
#C6CBD0 on #213F62 | Aa | 6.59:1 | AA |
#213F62 on #010A18 | Aa | 1.85:1 | Fail |
#EAEAEA on #C6CBD0 | Aa | 1.36:1 | Fail |
Similar palettes 24 more in this mood
#0D1321
#34465E
#748CAB
#F0EBD8
#1E1410
#5B4235
#A57C5B
#E8DCCF
#020B25
#27446D
#C2AE91
#E3E0DB
#F5FBF9
#D4E3DE
#374B00
#0A1100
#EBDED9
#846C60
#634531
#1B140B
#D3E7F1
#7996A6
#00515E
#01151A
#DEF5F9
#7798AC
#37583B
#171F0C
#1C1310
#5D473C
#8A6A55
#EADFD3
#D8D1C6
#BEB19C
#233E64
#000A1E
#180A06
#563B2E
#8C6243
#D0C6BB
#24150D
#654635
#7ABDAA
#D7D3CE
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#0F1421
#424A66
#6A7B94
#AEF3E6
#01030E
#203148
#5A718F
#DAD5C3
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5