Cocoa Basin color palette — #FFEAFC · #D894AF · #A65F5C · #7D3900 · #4C3600

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

The five colors

• Blush (#FFEAFC): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D894AF): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A65F5C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#7D3900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4C3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Cocoa Basin 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 Harbor color palette (#FFECF0, #DB918B, #A6662B, #694D00, #3F3E00)
• Misty Canyon color palette (#F0EDFF, #C8A0CF, #9B5B7A, #893133, #682B00)
• Patina Terracotta color palette (#FFF1F3, #E9ABAA, #D27A6A, #A73A01, #662E00)
• Timeworn Grove color palette (#E2FDEE, #C77CA6, #905A43, #00576C, #49344E)
• Wandering Studio color palette (#F7F3FA, #E1D7DA, #CDBABA, #9A5F79, #4A464D)
• Frosted Rose color palette (#F8E7ED, #FB4D6A, #963C00, #4F3200, #1B2B09)
• Powdered Amber color palette (#FFEFFF, #F8C2FF, #FA9AA6, #BD7F27, #56344B)
• Amber Chapel color palette (#FFE9E4, #C17426, #665400, #333700, #002908)

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