Cocoa Grove color palette — #FAD4E4 · #A47F3C · #743D00 · #440600 · #010100

Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FAD4E4): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#A47F3C): A luminous, balanced gold — the color of old brass.
• Bronze (#743D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#440600): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Worn Driftwood color palette (#D4F1D8, #90883B, #654700, #371800, #010100)
• Chestnut Hollow color palette (#FDDBE6, #B09759, #885100, #581A00, #040400)
• Gentle Study color palette (#FFF3E6, #D2B96B, #AD6E00, #813100, #181A00)
• Amber Villa color palette (#D3E2F1, #C47940, #002D4F, #0A0B14, #000104)
• Tempered Ridge color palette (#DEECFF, #005AC1, #940603, #2C2900, #000105)
• Misty Moss Study color palette (#DBFFEC, #C2DB99, #A29407, #7F5600, #0A3111)
• Nightshade Orchard color palette (#DDE6FF, #5138BC, #750011, #0C1600, #000105)
• Grape Summit color palette (#E1EFFF, #7178E1, #7400B7, #3B0032, #040001)

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