Cocoa Lagoon color palette — #F3DAC5 · #7B3E00 · #00455C · #351700 · #00070C

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

The five colors

• Bone (#F3DAC5): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7B3E00): 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.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070C): 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

• Mulberry Bloom color palette (#ECDBD5, #99002E, #004654, #44000F, #00070A)
• Eclipse Chestnut color palette (#EFE9DA, #7B5700, #242F32, #191400, #030200)
• Velvet Cocoa Basin color palette (#FFE3CD, #5F3200, #003850, #181A3E, #040100)
• Nightshade Harbor color palette (#F6EDDE, #674D00, #0E1FAD, #2B1E00, #010025)
• Eclipse Aubergine color palette (#F9E8F0, #773800, #5B0078, #331400, #030005)
• Powdered Grape color palette (#EDDCD0, #A44C00, #7E23A1, #5B2700, #0D0015)
• Worn Studio color palette (#E4F0CD, #546800, #5D00B4, #273100, #150032)
• Wandering Chestnut Terrace color palette (#FCDAED, #007FAA, #974D00, #130D03, #040100)

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