Charred Basalt color palette — #ECDDC0 · #4D5B5B · #453800 · #17221F · #070A00

Built around Deep Olive, softened by Bone — the whole palette hums with nature and growth.

The five colors

• Bone (#ECDDC0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#4D5B5B): a grounded near-black with real depth.
• Deep Olive (#453800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#17221F): quiet, heavy and certain.
• Ink (#070A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Basalt Harbor color palette (#FDEDDD, #384743, #562E00, #151910, #0D0700)
• Patina Workshop color palette (#DDE9D9, #008375, #243829, #1A2217, #070E0A)
• Muted Quarry color palette (#EBE3C0, #666900, #364300, #102A00, #001505)
• Quiet Olive Corridor color palette (#F2ECC9, #347F0B, #004325, #3B1500, #031400)
• Powdered Aubergine color palette (#E1E1CB, #476C00, #6F0598, #203300, #1B0029)
• Patina Pier color palette (#E7F0E3, #295A00, #003E82, #5F0019, #020A00)
• Quiet Forest Drift color palette (#EBDEC7, #7D7A2E, #005523, #152A57, #1F1239)
• Navy Alley color palette (#F2E7D6, #5295CC, #0041A1, #002E3A, #0B0641)

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