Cocoa Lagoon color palette — #FFE8F4 · #793600 · #00444B · #341300 · #000102

Bronze and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#793600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000102): quiet, heavy and certain.

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

• Mulberry Field color palette (#F0E4F3, #8E0040, #00444A, #3F0018, #000102)
• Nocturne Cocoa color palette (#FFE4D8, #632600, #003745, #121B37, #030100)
• Chestnut Cabin color palette (#F8E0D1, #874900, #482500, #1E2620, #100500)
• Nightshade Coast color palette (#F4E3E8, #6B4100, #1400B4, #2D1900, #00000C)
• Moonless Grove color palette (#E8E8FF, #00668E, #764500, #0A0E07, #040001)
• Antique Archive color palette (#FFE4D1, #A94700, #006374, #5E2400, #00070A)
• Frosted Aubergine color palette (#DEF4E8, #645D00, #5E00AA, #2F2B00, #04000F)
• Hazy Aubergine Canyon color palette (#FCE5F3, #8D2B00, #55008E, #3D0E00, #0B0019)

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