Cocoa Lagoon color palette — #FAF6DA · #CDDDBF · #9DC6AF · #AC8574 · #743F0C
A conversation between Bronze and Mint Leaf, giving this palette its sense of optimism and sophistication.
The five colors
- Custard (#FAF6DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CDDDBF): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#9DC6AF): A luminous, dusty teal — the color of sea glass.
- Caramel (#AC8574): A luminous, dusty orange — the color of autumn markets.
- Bronze (#743F0C): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Worn Cocoa color palette (#EEFAD0, #CAE2CF, #C8B0CB, #AB9385, #794018)
- Washed Basalt Canyon color palette (#F8F5EB, #D3DAB3, #9FB48D, #969175, #414700)
- Ancient Cocoa Cabin color palette (#E3FDEA, #C0E1DF, #95B9AE, #91707B, #6C434C)
- Bronze Lagoon color palette (#D1E9D2, #7FCABF, #66A9D7, #AB634B, #513C00)
- Tempered Boulevard color palette (#CEF2DA, #ACC8F0, #AD9FC9, #95823A, #424318)
- Weathered Boulevard color palette (#CEF9EE, #91C8CD, #60879F, #6D5168, #472F40)
- Aqua Quarry color palette (#E3FDEA, #62D0E3, #EF9A94, #C1925A, #263E2E)
- Dusty Cocoa Lantern color palette (#D3EBDD, #439196, #546C8F, #723E00, #111200)
Browse the whole catalog at Explore, or see today's palette.