Cocoa Coast color palette — #FFEEE1 · #F6C5AE · #AD7E5C · #6D3B24 · #2D1600

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

The five colors

• Cream (#FFEEE1): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F6C5AE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#AD7E5C): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6D3B24): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#2D1600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Antique Garnet Drift color palette (#FFEDEA, #F2BDC6, #A97183, #71394A, #35120B)
• Tempered Meadow color palette (#FFF0D3, #D5CC9D, #8F8A4F, #554F14, #291C00)
• Hushed Cocoa color palette (#FFF2EA, #EABFA3, #A96D4F, #7B4012, #522D15)
• Chestnut Ridge color palette (#FFF0F9, #FDCFB8, #C9926A, #94521F, #522D15)
• Weathered Bronze Boulevard color palette (#E5E6D5, #8E8200, #4F4D00, #211C00, #020100)
• Tempered Amber color palette (#FDD8A4, #B78E1C, #725900, #342500, #090500)
• Timeworn Marigold color palette (#FFEFDE, #EB9F26, #926400, #512F00, #190D00)
• Bronze Summit color palette (#F6F1EB, #E2BC8F, #339394, #966625, #0D190E)

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