Charred Cocoa color palette — #FFE8F0 · #693E00 · #292D00 · #00150C · #040000

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#693E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00150C): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Charred Fern color palette (#D1F2E4, #4B4D00, #003321, #001318, #020100)
• Lowlit Garnet Delta color palette (#EFE3EF, #8C0026, #3D2300, #0D1300, #040003)
• Nocturne Basalt color palette (#D3E8D1, #3C493C, #4D2F00, #141E24, #0A0500)
• Patina Thicket color palette (#DAF0E3, #6C6D00, #313C00, #301700, #030300)
• Misty Cabin color palette (#FEEAF1, #ED5700, #9E5B00, #604600, #030100)
• Hushed Olive Coast color palette (#D1E9E2, #597700, #005341, #002D37, #140800)
• Lowlit Terracotta Villa color palette (#F8E7F1, #AA4100, #004737, #00034E, #00000B)
• Cerulean Cabin color palette (#D2E4E2, #0099BB, #00516C, #002B30, #00050B)

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