Cocoa Grove color palette — #FFF4E2 · #699EC5 · #6062A2 · #7B3800 · #4A344B

Built around Bronze, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#699EC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6062A2): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#7B3800): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#4A344B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro, muted.

Use it as a design system

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

• Powdered Garnet Station color palette (#FFF4E2, #4EA4C1, #4A68A5, #862A18, #20453A)
• Chestnut Quarry color palette (#FDF4E6, #99A5D4, #876A97, #6E551D, #56404C)
• Indigo Parlor color palette (#F9F1E1, #20AFC0, #6360AC, #524600, #0A291F)
• Tempered Mulberry Villa color palette (#EBF9F5, #5F8DB9, #8B4972, #604100, #004335)
• Hushed Cerulean color palette (#F8F5EF, #C8E4D8, #598FC1, #006F7B, #593D56)
• Tempered Archive color palette (#E7FBEE, #47C4D7, #807BC8, #726320, #2C404F)
• Mulberry Harbor color palette (#FFF4E2, #937AD0, #9B2487, #4B4700, #422952)
• Cobalt Hollow color palette (#EDE0EC, #496FB6, #412A37, #291828, #091617)

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