Cocoa Boulevard color palette — #FFECF4 · #C89EAE · #946B50 · #6A402D · #182717

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
• Mauve (#C89EAE): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#946B50): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#6A402D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#182717): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Bronze Archive color palette (#E8F7E7, #97B49A, #8D6F48, #63404E, #15271B)
• Cocoa Study color palette (#FFE2EB, #DF9CAC, #B26166, #7D322C, #430F00)
• Muted Atelier color palette (#FFF0F7, #C8E7C6, #BA8FA5, #8F5B56, #1F3829)
• Softworn Chestnut Veranda color palette (#F6D6E5, #B98F6D, #8A5635, #5C311F, #2A0C18)
• Basalt Villa color palette (#FFF3E9, #D5B89C, #B18467, #8D5B45, #563500)
• Worn Driftwood Drift color palette (#EAF5ED, #A4C4B0, #6E8B75, #485F4A, #1F3128)
• Olive Lagoon color palette (#CCF4E2, #9BA768, #707000, #4E4400, #152000)
• Rust Villa color palette (#F3F0F8, #DC9ACE, #AC575C, #8A4A7E, #160816)

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