Charred Cocoa color palette — #F8D7E4 · #653600 · #00403B · #00221F · #030100
Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F8D7E4): A whisper-light, dusty rose — the color of strawberry cream.
- Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
- Forest (#00403B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#030100): a grounded near-black with real depth.
Feels like: 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
- Nocturne Atelier color palette (#F3DFE5, #4E2D00, #002B4D, #001326, #020100)
- Nocturne Garnet color palette (#E6DAE9, #800034, #004036, #00221C, #040001)
- Charred Bloom color palette (#FCE3E2, #9E4F00, #493400, #101A00, #000301)
- Charred Atelier color palette (#F3DBC1, #903200, #2C3300, #110044, #030100)
- Dusty Fern Cabin color palette (#F4E9CE, #6D6200, #166406, #003F3A, #060500)
- Weathered Brick Pier color palette (#F6E8F6, #BD1740, #00412C, #540015, #000202)
- Shadow Courtyard color palette (#E4E5F4, #5D0097, #003F41, #290047, #020006)
- Terracotta Veranda color palette (#FBE2DB, #AA2900, #005A56, #00294D, #040000)
Browse the whole catalog at Explore, or see today's palette.