Cocoa Garden color palette — #EFF6FF · #C0B0DE · #9F7292 · #81454C · #733210

A conversation between Rust and Coffee, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender (#C0B0DE): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9F7292): A luminous, dusty pink — the color of a candy shop window.
• Coffee (#81454C): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#733210): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Mallow Cabin color palette (#FFF0FE, #E2D0FF, #E29AD4, #C3747D, #70371D)
• Timeworn Mulberry color palette (#FFECF3, #D0B1D4, #AB719B, #8D3658, #530D1C)
• Softworn Garnet Meadow color palette (#E8F8FF, #A0C0E9, #7B79AD, #71487A, #6F2A41)
• Linen Meadow color palette (#F3F4FF, #D0CAF0, #C589B2, #AA4D6F, #722B35)
• Muted Terracotta Grove color palette (#EEE1FF, #CF8AAE, #9F434D, #673000, #372C00)
• Driftwood Harbor color palette (#F4F4FC, #E0D8DE, #B4AAA2, #887AA1, #515259)
• Ash Drift color palette (#E0FCFB, #95A5D9, #94677F, #1B665E, #43465C)
• Raspberry Lantern color palette (#F3E1FD, #C94B81, #850F00, #3A1F00, #0B1A05)

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