Cocoa Lagoon color palette — #EDD8DE · #6B4200 · #003F65 · #2D1900 · #000103

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

The five colors

• Shell Pink (#EDD8DE): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6B4200): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Moonless Nightshade Drift color palette (#D9F2DF, #5F4900, #11229F, #281C00, #00000C)
• Nocturne Garnet Bloom color palette (#ECD9EA, #92001D, #004546, #400007, #000202)
• Onyx Field color palette (#EEE5D6, #513500, #00393A, #390048, #020100)
• Powdered Denim color palette (#F8D8E2, #965B00, #00549E, #3F2400, #000104)
• Moonless Canyon color palette (#F3E8FC, #006C6C, #5A5400, #070B05, #000201)
• Antique Olive Coast color palette (#DDE8DE, #9D8D43, #4F7C32, #502100, #020100)
• Softworn Harbor color palette (#CFEEE1, #6B7200, #683AA4, #363A00, #0D001F)
• Patina Aubergine Coast color palette (#D1F0E9, #417B1B, #5E0072, #143200, #07000A)

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