Charred Coast color palette — #DDE4F0 · #2305C5 · #532A00 · #162000 · #00000B
Built around Indigo, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Frost (#DDE4F0): bright and airy, almost weightless.
- Indigo (#2305C5): A deep, shadowed, vivid violet — the color of a velvet chair.
- Espresso (#532A00): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#162000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, vibrant.
Use it as a design system
One click turns Charred Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Aubergine Alley color palette (#E8EFFF, #3A0095, #381F00, #031800, #000102)
- Ultramarine Hollow color palette (#D7E3F7, #1444EA, #5C4C00, #302700, #00000B)
- Smoked Navy Orchard color palette (#ECE0ED, #004285, #621900, #002412, #000411)
- Eclipse Lantern color palette (#EBEAF8, #690081, #3D3700, #002317, #030004)
- Grape Grove color palette (#E9E1D1, #6F26A9, #56003D, #131600, #040006)
- Softworn Corridor color palette (#DDE6FF, #5D49E7, #814D00, #234600, #09002E)
- Patina Navy color palette (#D9E0EF, #555CB8, #660038, #20007D, #040001)
- Aged Courtyard color palette (#E6E7F0, #9F9DB3, #817692, #401F6E, #03030F)
Browse the whole catalog at Explore, or see today's palette.