Charred Basalt Coast color palette — #D9F1FC · #005663 · #3A4000 · #002329 · #010100

Deep Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D9F1FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005663): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#3A4000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Charred Basalt 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

• Velvet Nightshade color palette (#D3F5F9, #005A4B, #2400AE, #00251E, #00000B)
• Charred Cocoa color palette (#D1EADA, #005B6B, #692600, #00252D, #100200)
• Aubergine Boulevard color palette (#DCEFFC, #00405F, #440072, #002A20, #000103)
• Charred Forest color palette (#DEE8F5, #006947, #001134, #1A0E14, #000106)
• Sapphire Bloom color palette (#CAE3F6, #4996D8, #4068C1, #003946, #000206)
• Washed Fern color palette (#C4E5ED, #007689, #535F00, #00404B, #050700)
• Worn Mulberry color palette (#D0E8F8, #007699, #A0002E, #003041, #040000)
• Nocturne Chestnut Coast color palette (#E2F0E3, #684D00, #3A2500, #180B00, #020100)

Browse the whole catalog at Explore, or see today's palette.