Charred Cocoa color palette — #FFEAD3 · #593900 · #002C0E · #260015 · #040000

Cocoa and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEAD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#593900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#002C0E): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#260015): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Canyon color palette (#FAECCD, #3C3100, #001D16, #150002, #000201)
• Onyx Parlor color palette (#D9F0D7, #563500, #00252D, #10002F, #090001)
• Smoked Garnet color palette (#F6E3DC, #6D0018, #302A00, #19002F, #040001)
• Lowlit Fern color palette (#F1EDDA, #605600, #273400, #001819, #020200)
• Wandering Field color palette (#EDE5D7, #A89F89, #8D7B32, #443400, #070400)
• Olive Harbor color palette (#F4F4DC, #3E7F00, #005B69, #562700, #120B00)
• Eclipse Fern Summit color palette (#EDEFDB, #185D00, #00343F, #2A1300, #010100)
• Garnet Delta color palette (#FFECD6, #935D00, #005622, #5B0038, #120200)

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