#E5E6E6
#F61061
#4E5756
#0E0F0F
#12190FLicorice
#626C5EDove Gray
#D30044Crimson
#ECF1EAFrost
Crimson & Dove Gray Path is a split color palette tagged modern, neon, minimal. The hues span about 122°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #12190F | rgb(18, 25, 15) | hsl(102, 25%, 8%) | oklch(20.3% 0.022 136) | |
| Dove Gray | #626C5E | rgb(98, 108, 94) | hsl(103, 7%, 40%) | oklch(51.8% 0.025 137) | |
| Crimson | #D30044 | rgb(211, 0, 68) | hsl(341, 100%, 41%) | oklch(55.1% 0.220 16) | |
| Frost | #ECF1EA | rgb(236, 241, 234) | hsl(103, 20%, 93%) | oklch(95.2% 0.011 137) |
Why it works and how to use it
It works because the lightness range is wide (8% to 93%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Frost (#ECF1EA) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#12190F) on #ECF1EA gives 15.65:1, passing WCAG AAA.
- Primary: Crimson (#D30044) is the most saturated mid-tone; use it for buttons and links (4.76:1 against the background, fine for UI elements).
- Accent: Dove Gray (#626C5E) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.65:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Crimson & Dove Gray Path
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
#12190F
#626C5E
#D30044
#ECF1EA
Color-blind check: under deuteranopia, Dove Gray and Crimson become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#12190F on #ECF1EA | Aa | 15.65:1 | AAA |
#626C5E on #ECF1EA | Aa | 4.79:1 | AA |
#D30044 on #ECF1EA | Aa | 4.76:1 | AA |
#12190F on #D30044 | Aa | 3.29:1 | AA large only |
#12190F on #626C5E | Aa | 3.27:1 | AA large only |
#626C5E on #D30044 | Aa | 1.01:1 | Fail |
Similar palettes 24 more in this mood
#ECF1F7
#FF2A6C
#4E6074
#222A32
#09130F
#647970
#704FEE
#E4EBE7
#E8EEEE
#DD5600
#596564
#050D0D
#282A2A
#5F727D
#FF1234
#E3E4E5
#E6E7E8
#D25661
#687074
#0F1112
#EDEFF3
#FD7463
#707990
#181A20
#111111
#424242
#FF3B3B
#FAFAFA
#0A1A1E
#648691
#EED200
#D8E2E5
#E0E4E9
#BC4358
#3E5169
#090E15
#DDDEE2
#00C463
#676C7C
#17191F
#2B2D42
#8D99AE
#EDF2F4
#EF233C
#FFF7F9
#EED8E0
#E11D74
#2B1720
#02151B
#2C515C
#E75100
#D6E3E7
#1C2F2E
#4F7F7B
#FFC582
#D6E2E1
#E2EFEA
#CC64E0
#385B4F
#1D322B
#FFF7F9
#EED8E0
#B341D6
#221A2B
#040404
#313131
#E20C20
#E2E2E2
#FAFAFA
#919191
#81000C
#111111
#DDE8E1
#F25100
#6D8476
#1F3127
#111111
#424242
#E444BE
#FAFAFA
#FDFDFD
#FFD8DC
#FF414E
#1A1A1A
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFDFC
#EDE0DB
#FF6F61
#1F2933