Charred Cocoa color palette — #F5DCEA · #7E3100 · #00444C · #371100 · #000102

A conversation between Rust and Onyx, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F5DCEA): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7E3100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#371100): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Charred Cocoa 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 Mulberry color palette (#F0E5F2, #8F003A, #004641, #3F0015, #000201)
• Moonless Cocoa color palette (#F0DFE9, #863300, #0D4C05, #3A1200, #000900)
• Twilit Cocoa color palette (#F8E1D7, #632600, #003745, #0F1C35, #030000)
• Midnight Cocoa Dune color palette (#EBE7FE, #006A7B, #7C4000, #0B0D06, #040002)
• Moonless Nightshade Ridge color palette (#E4F3E7, #614800, #292196, #291C00, #01000A)
• Rust Harbor color palette (#FEDECA, #AF400B, #006377, #621E00, #00070B)
• Aubergine Pier color palette (#E1EFE6, #6B5A00, #67009F, #322900, #05000D)
• Linen Grape color palette (#FDECE3, #B63C00, #692AAC, #4F1500, #020007)

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