#FFAEA7
#1E1913
#6E5A48
#EEEEEE
#00090CObsidian
#203F50Charcoal
#648768Shadow
#D5E1C7Bone
Simple Shadow & Charcoal is a dark, split color palette tagged dark, muted, minimal. A split scheme: Charcoal plays against Bone across roughly 113° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Obsidian | #00090C | rgb(0, 9, 12) | hsl(195, 100%, 2%) | oklch(12.8% 0.022 212) | |
| Charcoal | #203F50 | rgb(32, 63, 80) | hsl(201, 43%, 22%) | oklch(35.2% 0.047 234) | |
| Shadow | #648768 | rgb(100, 135, 104) | hsl(127, 15%, 46%) | oklch(58.8% 0.061 148) | |
| Bone | #D5E1C7 | rgb(213, 225, 199) | hsl(88, 30%, 83%) | oklch(89.4% 0.037 127) |
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 2% to 83%. Well suited to dark-mode interfaces and gaming.
- Background: Bone (#D5E1C7) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#00090C) on #D5E1C7 gives 14.77:1, passing WCAG AAA.
- Primary: Charcoal (#203F50) is the most saturated mid-tone; use it for buttons and links (8.17:1 against the background, fine for UI elements).
- Accent: Shadow (#648768) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Bone at 14.77:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Simple Shadow & Charcoal
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
#00090C
#203F50
#648768
#D5E1C7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#00090C on #D5E1C7 | Aa | 14.77:1 | AAA |
#203F50 on #D5E1C7 | Aa | 8.17:1 | AAA |
#00090C on #648768 | Aa | 4.99:1 | AA |
#648768 on #D5E1C7 | Aa | 2.96:1 | Fail |
#203F50 on #648768 | Aa | 2.76:1 | Fail |
#00090C on #203F50 | Aa | 1.81:1 | Fail |
Similar palettes 24 more in this mood
#B9C989
#AC9D68
#75490B
#2C0B00
#1E1410
#5B4235
#A57C5B
#E8DCCF
#020B25
#27446D
#C2AE91
#E3E0DB
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#EBDED9
#846C60
#634531
#1B140B
#D9BC7A
#FCF9EC
#253C57
#03080E
#050915
#314E53
#5C9188
#D1F0AB
#006F5B
#F4EDE4
#D9C2AD
#1A1A1A
#30110D
#7B4139
#AE6755
#DAAD88
#1C1310
#5D473C
#8A6A55
#EADFD3
#D8D1C6
#BEB19C
#233E64
#000A1E
#180A06
#563B2E
#8C6243
#D0C6BB
#24150D
#654635
#7ABDAA
#D7D3CE
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#261B17
#64524A
#9E6C59
#D4C3AD
#3E2723
#6D4C41
#A1887F
#EFEBE9
#2C1810
#6E4E3F
#B85C38
#E0C097
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#141210
#4D4742
#C97B3A
#F2EAE2
#121128
#464A64
#837581
#D4CBC6
#050505
#373737
#AA5C00
#FDFDFD
#F8EEE8
#DB7900
#584332
#140902
#0D1321
#34465E
#748CAB
#F0EBD8