Charred Cocoa color palette — #FBDCEF · #822B00 · #1A4700 · #390E00 · #000200

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

The five colors

• Blush (#FBDCEF): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#822B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#1A4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Depth. 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

• Mulberry Canyon color palette (#F0E0F4, #8E003E, #433C00, #3F0017, #010100)
• Terracotta Pier color palette (#FBDCCD, #981100, #004751, #430300, #00070A)
• Velvet Cocoa Lagoon color palette (#DCF2DF, #634700, #00463D, #291C00, #000201)
• Smoked Garden color palette (#F7E7E0, #9E3D00, #491A00, #1D241B, #140300)
• Aubergine Corridor color palette (#F8E4F1, #862600, #50008A, #3B0B00, #020006)
• Soft Mulberry Thicket color palette (#D2EBD6, #755500, #840059, #372600, #090004)
• Smoked Forest Villa color palette (#CAEBED, #00713C, #694D00, #0A100B, #000200)
• Misty Grape color palette (#F8E7EE, #9D5700, #8E0097, #522B00, #130014)

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