Cocoa Lagoon color palette — #C4E8D6 · #006C8C · #803E00 · #582800 · #001E2A

Bronze takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#C4E8D6): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006C8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#803E00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#582800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#001E2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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

• Pale Terracotta color palette (#CBE8C7, #00716C, #972100, #681300, #0D200B)
• Antique Petrol color palette (#DEF5EB, #007AA9, #855500, #5F3C00, #082E22)
• Denim Atelier color palette (#C9EEE3, #00558A, #573E00, #362500, #00110D)
• Hushed Drift color palette (#C4E4EF, #009298, #936900, #6C4C00, #001F27)
• Ultramarine Boulevard color palette (#EBD6EA, #005ACC, #694E00, #473400, #261226)
• Tempered Study color palette (#EBDBEC, #006ABB, #86002D, #173700, #002015)
• Ancient Pine color palette (#E2E7D1, #007937, #754B00, #1B4100, #000B02)
• Worn Cornflower Terrace color palette (#FFF0FE, #4E7ED6, #8C6B25, #684E17, #3B2E3A)

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