Cocoa Lagoon color palette — #F8E2C9 · #CAC8A4 · #6DB7C2 · #A47660 · #633100

A conversation between Bronze and Cyan, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F8E2C9): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#CAC8A4): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#6DB7C2): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A47660): A luminous, dusty orange — the color of toasted spice.
• Bronze (#633100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Bronze Courtyard color palette (#E5E5C3, #91D1C7, #76A8D5, #A7723F, #683A00)
• Tempered Loft color palette (#FBF5E6, #B2D79E, #51B595, #87837C, #36362F)
• Weathered Onyx color palette (#CAE7D4, #85B4AB, #577E87, #683F4F, #471F0B)
• Hushed Hollow color palette (#E7EFE1, #8CBAD7, #AB87CC, #6C7A4F, #373730)
• Weathered Chestnut color palette (#F3F8E2, #CDE4D1, #CEB3C9, #A7987F, #6B4B00)
• Softworn Coral color palette (#D4EDD3, #00C7C4, #F77B58, #C2790C, #193219)
• Softworn Balcony color palette (#FBEDD8, #83AB84, #0092A6, #86572A, #432300)
• Aged Glacier color palette (#E7F2C8, #89DEF9, #ABADE9, #7A8E51, #3E4D17)

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