Cocoa Garden color palette — #FDDAEC · #602900 · #003843 · #111B37 · #030100

Built around Rust, softened by Deep Teal — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FDDAEC): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#602900): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003843): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#111B37): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Cocoa Garden 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

• Garnet Quarry color palette (#F8DEF7, #74001B, #213900, #00282D, #040000)
• Nocturne Navy Boulevard color palette (#F0E8DB, #4E3700, #003359, #0C0072, #020100)
• Nocturne Loft color palette (#FFE8D9, #944B00, #461F00, #181F16, #100300)
• Eclipse Onyx color palette (#F1DED2, #632F00, #2E3900, #45002C, #040100)
• Onyx Study color palette (#D7F7EF, #273E00, #003037, #190037, #010100)
• Fern Bloom color palette (#DCF5E8, #435B20, #2E2B00, #160C00, #000200)
• Dusty Terracotta color palette (#FFE9E2, #9B2B00, #005764, #00406A, #060000)
• Cellar Field color palette (#E3E7F5, #006C6F, #764500, #0A0E07, #040001)

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