Cocoa Grove color palette — #FFDBEC · #763900 · #00415A · #331500 · #000103

Bronze and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FFDBEC): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#763900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00415A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#331500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Nocturne Garnet Bloom color palette (#ECD9EA, #92001D, #004546, #400007, #000202)
• Deep Chestnut color palette (#D2E8DA, #705300, #332A2F, #191400, #020100)
• Bronze Drift color palette (#F9E7EF, #A15300, #005C7E, #452000, #000103)
• Lowlit Study color palette (#FEE5D1, #592F00, #003A33, #300057, #030100)
• Lowlit Atelier color palette (#E8DEF0, #006D67, #664F00, #0A100B, #000200)
• Twilit Nightshade Canyon color palette (#E2EFE4, #614800, #1E13A8, #281C00, #00000B)
• Weathered Aubergine Boulevard color palette (#D7F1E8, #536300, #5521A2, #262E00, #040010)
• Garnet Corridor color palette (#FBE2CD, #9F8646, #5F6D26, #561700, #040200)

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