Charred Cocoa Ridge color palette — #F5DAC6 · #5E2B00 · #231F00 · #000B02 · #040001
A conversation between Cocoa and Onyx, giving this palette its sense of optimism and sophistication.
The five colors
- Bone (#F5DAC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#231F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Charred Cocoa Ridge 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
- Smoked Onyx Parlor color palette (#FCE6D9, #3A433A, #441D00, #12150D, #040100)
- Obsidian Chestnut color palette (#FAEBE1, #7E5000, #483700, #001A09, #020700)
- Lowlit Market color palette (#E6E0C8, #4A4E00, #003321, #001318, #020100)
- Garnet Station color palette (#EBDAD8, #6E0044, #371100, #00051E, #030005)
- Moonless Terracotta color palette (#F9EBE3, #943600, #004049, #001F25, #000207)
- Scarlet Orchard color palette (#FDE5D7, #DF002E, #973300, #5F3400, #030100)
- Twilit Terracotta Quarry color palette (#F4D9CE, #A10019, #003512, #292026, #000813)
- Bronze Field color palette (#F5E4CF, #8F6000, #3D4E00, #003023, #1E0003)
Browse the whole catalog at Explore, or see today's palette.