Deep Cocoa color palette — #FCE3F3 · #812700 · #213000 · #00171C · #0C001E

Built around Rust, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#FCE3F3): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#812700): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#213000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00171C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C001E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Deep Mulberry Veranda color palette (#E3DBEA, #860055, #362800, #001816, #070024)
• Midnight Cocoa color palette (#F9DFEB, #5B2900, #17190E, #0E0700, #050004)
• Obsidian Boulevard color palette (#E2F7E0, #674000, #003324, #000844, #160007)
• Bronze Veranda color palette (#F9E3D4, #A26200, #583E00, #281F00, #051101)
• Linen Rose color palette (#F0DAE6, #F05B72, #AE4700, #5A4200, #110600)
• Fern Dune color palette (#F5E1DA, #966F41, #575303, #002F3C, #1A0F3E)
• Hushed Study color palette (#FEDCE0, #A608A5, #374E00, #26006E, #0C001F)
• Aged Harbor color palette (#D8EEEB, #127E5E, #00413B, #46001A, #00140C)

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