Deep Cocoa color palette — #E6EEFF · #007146 · #833900 · #0C0D05 · #040002

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

The five colors

• Frost (#E6EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Pine (#007146): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#833900): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0C0D05): a grounded near-black with real depth.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Obsidian Atelier color palette (#CEE5F7, #15720F, #9B002D, #100401, #030003)
• Ancient Study color palette (#D9DFEB, #14941F, #9B4500, #150C00, #040100)
• Petrol Cabin color palette (#ECE5F2, #006886, #605100, #09100C, #000201)
• Twilit Chestnut color palette (#F3E3EA, #705300, #24302D, #230D00, #030100)
• Ancient Parlor color palette (#E5DEFF, #009385, #886F00, #090D03, #000201)
• Hushed Spruce color palette (#D9E3DC, #7F938A, #55726B, #342800, #000201)
• Brick Canyon color palette (#D5E3FA, #0077CC, #BB002F, #190701, #050100)
• Deep Orchard color palette (#FBDAE6, #512C00, #003036, #0C0041, #030100)

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