#F0F0F0
#7454DD
#574F44
#0E0E0E
#0B0F14Obsidian
#3C4552Charcoal
#E2ACFFMauve
#E6EDF3Frost
Mauve & Charcoal Hour is a split color palette tagged dark, minimal, black. A split scheme: Mauve plays against Frost across roughly 71° 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 | #0B0F14 | rgb(11, 15, 20) | hsl(213, 29%, 6%) | oklch(16.7% 0.012 254) | |
| Charcoal | #3C4552 | rgb(60, 69, 82) | hsl(215, 15%, 28%) | oklch(38.7% 0.025 258) | |
| Mauve | #E2ACFF | rgb(226, 172, 255) | hsl(279, 100%, 84%) | oklch(82.2% 0.127 313) | |
| Frost | #E6EDF3 | rgb(230, 237, 243) | hsl(208, 35%, 93%) | oklch(94.3% 0.011 244) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (93% down to 6% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#E6EDF3) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0B0F14) on #E6EDF3 gives 16.27:1, passing WCAG AAA.
- Primary: Mauve (#E2ACFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Charcoal (#3C4552) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Frost at 16.27:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mauve & Charcoal Hour
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
#0B0F14
#3C4552
#E2ACFF
#E6EDF3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0B0F14 on #E6EDF3 | Aa | 16.27:1 | AAA |
#0B0F14 on #E2ACFF | Aa | 10.6:1 | AAA |
#3C4552 on #E6EDF3 | Aa | 8.21:1 | AAA |
#3C4552 on #E2ACFF | Aa | 5.35:1 | AA |
#0B0F14 on #3C4552 | Aa | 1.98:1 | Fail |
#E2ACFF on #E6EDF3 | Aa | 1.53:1 | Fail |
Similar palettes 24 more in this mood
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#13111A
#4B4659
#8B7ECC
#EDEBF7
#000000
#3A3A3A
#C29DFD
#F2F2F2
#111111
#424242
#E444BE
#FAFAFA
#EEE9FF
#8F84AA
#5019B0
#14101F
#EDEEF0
#C9CCD1
#9714A2
#0B1220
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#050505
#373737
#AA5C00
#FDFDFD
#E5E0DA
#CF63FF
#564733
#140E05
#EFEFEF
#A22DE0
#6A5F52
#222221
#18191A
#4F5052
#FFCAF0
#F7F7F5
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#050505
#373737
#007F9E
#FDFDFD