Charred Basalt color palette — #DDF3DC · #533400 · #1F2E2E · #202100 · #00050D

Cocoa and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF3DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#1F2E2E): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#202100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Midnight Basalt color palette (#F8E4CD, #3E5146, #4A2D00, #001E15, #000909)
• Deep Chapel color palette (#D6EFE3, #524E00, #022B03, #040035, #020100)
• Eclipse Garnet Lantern color palette (#F3E0F0, #7B0016, #362700, #000C13, #040000)
• Velvet Studio color palette (#E0EBDF, #A7363F, #3C3100, #090034, #030100)
• Hushed Basin color palette (#FFE0E8, #BC573C, #5D3C00, #141400, #000200)
• Nocturne Veranda color palette (#C2EBE9, #006B39, #00472E, #210037, #020100)
• Lapis Corridor color palette (#E9F9F7, #74BA81, #509860, #6752A3, #08210E)
• Worn Pewter Market color palette (#EEF8F6, #98C694, #449DAC, #965A7B, #172C2A)

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