Charred Cocoa color palette — #FDDBC7 · #842900 · #003F63 · #3A0D00 · #000103

Built around Rust, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FDDBC7): A whisper-light, dusty gold — the color of old brass.
• Rust (#842900): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3A0D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Warmth, Comfort, Depth, Luxury. Tagged dark, muted, warm.

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 Cocoa Villa color palette (#F2E7D6, #614800, #004258, #281C00, #000102)
• Cellar Mulberry Meadow color palette (#EFDDDB, #8C034B, #004640, #3E001E, #000201)
• Ancient Bronze color palette (#FFE3F1, #A84D00, #005D7D, #481D00, #000103)
• Velvet Nightshade color palette (#FBE9D0, #644600, #0021A5, #2A1B00, #00000A)
• Nocturne Chestnut Pier color palette (#EEDFD0, #8C5100, #472700, #1A221B, #110500)
• Soft Ultramarine Pier color palette (#EBE1CB, #7C6B00, #3249BB, #3F3600, #02002A)
• Hazy Lantern color palette (#E6DDCF, #A27707, #0072A8, #5B4200, #001422)
• Gentle Cabin color palette (#F6E7DD, #97823A, #197A48, #620030, #030200)

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