Cocoa Garden color palette — #F1D9E5 · #833700 · #004752 · #391400 · #00070A

Built around Rust, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F1D9E5): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#833700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004752): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#391400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Inked Mulberry Field color palette (#EDD7ED, #990031, #004941, #430011, #000806)
• Twilit Cocoa Chapel color palette (#F5D9C5, #7B3400, #03490C, #351200, #000200)
• Twilit Cocoa color palette (#F5E4DC, #692900, #003A48, #141D3B, #050100)
• Chestnut Alley color palette (#DDF2E1, #785900, #252732, #1C1200, #040200)
• Nightshade Balcony color palette (#DEF6E3, #664D00, #351B9E, #2A1E00, #040020)
• Worn Grape Market color palette (#FFE7F6, #AA451F, #721FB9, #631D00, #0A0019)
• Dusty Bronze color palette (#FAD2DE, #B06D00, #0072A4, #673E00, #002D43)
• Timeworn Canyon color palette (#E8DEEF, #00829A, #994B00, #0D0802, #060002)

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