Charred Cocoa color palette — #ECD9E2 · #7B3600 · #004926 · #001A2F · #030100

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

The five colors

• Silver (#ECD9E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Rust (#7B3600): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004926): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#001A2F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

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

• Obsidian Onyx color palette (#FFE2EF, #773B00, #004644, #15004F, #030100)
• Mulberry Pier color palette (#F3E5F2, #962234, #173300, #000718, #040000)
• Obsidian Balcony color palette (#DFF0E0, #624500, #032B02, #000C21, #040000)
• Shadow Mulberry Delta color palette (#F1E5FF, #880067, #403E00, #001D20, #040002)
• Cellar Basin color palette (#EFD6E8, #661300, #292D00, #1F002E, #040000)
• Lowlit Lantern color palette (#FFE9E7, #6D000F, #00303C, #00161D, #050100)
• Dusty Bronze color palette (#FFE2DE, #AC6000, #523B00, #0F1000, #000200)
• Charred Aubergine Quarry color palette (#EDEFFF, #621EA4, #004924, #001A30, #020007)

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