Cocoa Lagoon color palette — #F2DCCB · #803A00 · #00455C · #371500 · #00070D

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

The five colors

• Parchment (#F2DCCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#803A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00455C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#371500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Deep Navy color palette (#F0E3CF, #694B00, #003A84, #2C1E00, #000516)
• Dusty Mulberry color palette (#FBE7E1, #980929, #004848, #44000C, #000808)
• Aubergine Parlor color palette (#F4E6DB, #603100, #003D33, #2F005C, #040100)
• Linen Summit color palette (#F9DAED, #A94616, #005E8D, #612000, #00070F)
• Pale Aubergine color palette (#EEF2E2, #5B6600, #5E0FAD, #2A3000, #160031)
• Wandering Rust color palette (#F3DDE8, #C35D00, #007CA1, #853D00, #00070C)
• Ancient Cobalt Archive color palette (#ECDBC7, #AB7000, #056DBA, #654000, #002A4E)
• Timeworn Ultramarine Canyon color palette (#E8E0D0, #816B00, #4843BB, #453800, #140D49)

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