#E5E6E6
#F61061
#4E5756
#0E0F0F
#E8EEEEFrost
#DD5600Persimmon
#596564Storm
#050D0DObsidian
Concrete Persimmon & Storm is a neutral-based color palette tagged modern, dark, minimal. Persimmon 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. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #E8EEEE | rgb(232, 238, 238) | hsl(180, 15%, 92%) | oklch(94.5% 0.006 197) | |
| Persimmon | #DD5600 | rgb(221, 86, 0) | hsl(23, 100%, 43%) | oklch(62.3% 0.184 43) | |
| Storm | #596564 | rgb(89, 101, 100) | hsl(175, 6%, 37%) | oklch(49.6% 0.015 191) | |
| Obsidian | #050D0D | rgb(5, 13, 13) | hsl(180, 44%, 4%) | oklch(15.0% 0.014 196) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (92% down to 4% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#E8EEEE) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#050D0D) on #E8EEEE gives 16.73:1, passing WCAG AAA.
- Primary: Persimmon (#DD5600) is the most saturated mid-tone; use it for buttons and links (3.31:1 against the background, fine for UI elements).
- Accent: Storm (#596564) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Obsidian at 16.73:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Concrete Persimmon & Storm
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
#E8EEEE
#DD5600
#596564
#050D0D
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E8EEEE on #050D0D | Aa | 16.73:1 | AAA |
#E8EEEE on #596564 | Aa | 5.16:1 | AA |
#DD5600 on #050D0D | Aa | 5.05:1 | AA |
#E8EEEE on #DD5600 | Aa | 3.31:1 | AA large only |
#596564 on #050D0D | Aa | 3.24:1 | AA large only |
#DD5600 on #596564 | Aa | 1.56:1 | Fail |
Similar palettes 24 more in this mood
#02151B
#2C515C
#E75100
#D6E3E7
#ECF1F7
#FF2A6C
#4E6074
#222A32
#12190F
#626C5E
#D30044
#ECF1EA
#EDEFF3
#FD7463
#707990
#181A20
#0A1A1E
#648691
#EED200
#D8E2E5
#E0E4E9
#BC4358
#3E5169
#090E15
#DDDEE2
#00C463
#676C7C
#17191F
#E2EFEA
#CC64E0
#385B4F
#1D322B
#09130F
#647970
#704FEE
#E4EBE7
#DDE8E1
#F25100
#6D8476
#1F3127
#E6E7E8
#D25661
#687074
#0F1112
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#1C2F2E
#4F7F7B
#FFC582
#D6E2E1
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#121214
#5D6064
#B3CCFF
#E6EEFF
#282A2A
#5F727D
#FF1234
#E3E4E5
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#0F0F0F
#444444
#049C65
#F4EEE8
#EDEEF0
#C9CCD1
#006699
#05141E
#111111
#424242
#E444BE
#FAFAFA