Cocoa Lagoon color palette — #FFF2EC · #D79E8C · #B2745B · #89563A · #713F02
Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Camel (#D79E8C): A luminous, dusty orange — the color of sun-warmed clay.
- Caramel (#B2745B): A luminous, balanced orange — the color of toasted spice.
- Coffee (#89563A): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#713F02): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.
Use it as a design system
One click turns Cocoa Lagoon 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
- Tempered Driftwood color palette (#FFF2F0, #E3A6B4, #B56B75, #894E4F, #564E4B)
- Hushed Driftwood color palette (#FFF3E7, #D9AB7B, #A88348, #7D6430, #52534C)
- Washed Bronze color palette (#FFF3E6, #EEC49D, #A07248, #68451D, #39332E)
- Chestnut Parlor color palette (#FEF3E8, #DDDCCA, #95C2B7, #A1846E, #734801)
- Bronze Lagoon color palette (#FCF1FF, #F3B6B1, #D0886C, #AB6A2D, #3A5A3F)
- Soft Amber color palette (#F9E6DA, #E27C06, #9B5E00, #734A00, #533A00)
- Aged Amber Archive color palette (#FFF3E8, #C18B5D, #7B9456, #9D6179, #47413C)
- Weathered Bronze color palette (#F1DBC7, #B77200, #805600, #4D3700, #212B03)
Browse the whole catalog at Explore, or see today's palette.