Cocoa Lagoon color palette — #F9E7D8 · #753A00 · #004547 · #321500 · #000202

Bronze and Deep Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F9E7D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#753A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004547): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#321500): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000202): a grounded near-black with real depth.

Feels like: 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

• Chestnut Station color palette (#F8ECDC, #6E5400, #283334, #1D1100, #020100)
• Mulberry Lagoon color palette (#FFEAE5, #900036, #00444D, #3F0013, #000102)
• Shadow Summit color palette (#ECE6D8, #5C4A00, #003680, #261D00, #000106)
• Moonless Terracotta Harbor color palette (#EFEEFE, #006A7A, #8C3000, #100C04, #030100)
• Tempered Rust color palette (#F4E2DA, #AA4600, #006470, #5E2400, #000709)
• Eclipse Dune color palette (#F2DFDD, #740014, #00325B, #18173D, #040000)
• Olive Courtyard color palette (#ECE2C4, #766D00, #005F8A, #3D3700, #000912)
• Dusty Amber Parlor color palette (#F6E3D4, #D56E20, #005FA3, #6F3300, #001327)

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