Cocoa Coast color palette — #FFE7DA · #B0783B · #7A3700 · #440700 · #020100

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

The five colors

• Rose Water (#FFE7DA): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B0783B): A luminous, balanced gold — the color of old brass.
• Bronze (#7A3700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#440700): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Softworn Bronze Lagoon color palette (#D2E5D5, #998619, #644800, #331B00, #010100)
• Dusty Garden color palette (#FFD9ED, #C18E5F, #92471A, #5C130C, #070300)
• Cellar Chestnut color palette (#F4DBCA, #825800, #5A2400, #35000C, #020200)
• Dusty Bloom color palette (#FFF1F6, #EDAE42, #B66800, #813000, #1F1700)
• Weathered Peony Station color palette (#FFE8FA, #D24E93, #9B003D, #450103, #030100)
• Patina Veranda color palette (#DFFEEE, #A9BC77, #7E7A29, #584300, #001713)
• Powdered Amber color palette (#DEFFE9, #D4D685, #A6913F, #7F5600, #202D00)
• Wandering Grape Hollow color palette (#E9E8FE, #8626B3, #535000, #003022, #030005)

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