Deep Cocoa color palette — #F3D8CA · #6B4700 · #312800 · #101600 · #000200

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#F3D8CA): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#6B4700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#101600): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Deep 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

• Bronze Loft color palette (#FFE1D0, #8D5C00, #4F4700, #242F00, #000A03)
• Deep Garnet color palette (#F6E4E9, #8D0506, #441C00, #1A0F00, #020100)
• Shadow Basin color palette (#FBEED3, #473B00, #4A0069, #3A002B, #020100)
• Shadow Grape Hollow color palette (#FFE8F4, #8600C3, #4B5A00, #060D08, #020100)
• Emerald Chapel color palette (#F0E2C8, #599E5A, #00797F, #4C2300, #010100)
• Weathered Corridor color palette (#EFDBC7, #947A00, #516300, #063B04, #001D16)
• Emerald Orchard color palette (#DEE6D0, #00A15D, #007561, #004243, #001E28)
• Quiet Garden color palette (#F7E6D8, #D09800, #757600, #1F4E00, #00321C)

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