Cocoa Garden color palette — #EDD7E4 · #986631 · #662300 · #2B0006 · #020100

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#EDD7E4): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#986631): A full-bodied, balanced gold — the color of old brass.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2B0006): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Dusty Alley color palette (#DBF5DB, #81722C, #523500, #230A00, #010100)
• Tempered Cocoa color palette (#EEE1E9, #BC7127, #862900, #450013, #020100)
• Dusty Meadow color palette (#FFF1F5, #CAAF6F, #9F682B, #752C11, #141300)
• Dusty Dune color palette (#CCF0D5, #9E9F55, #785B00, #4B2700, #020500)
• Patina Chapel color palette (#DCEFE1, #947600, #004644, #362900, #000201)
• Softworn Boulevard color palette (#DDDEF0, #0090AF, #9B6500, #0C1009, #000200)
• Shadow Aubergine Courtyard color palette (#D9EFDF, #5F4B00, #3D1F8A, #1B004A, #020100)
• Olive Coast color palette (#F0E9CC, #5A8200, #004F25, #001613, #000102)

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