Cocoa Lagoon color palette — #E6FDE4 · #B5DAC7 · #BBAAB9 · #97837D · #76420D
Bronze and Oat set the tone — five colors that lean into optimism and sophistication.
The five colors
- Honeydew (#E6FDE4): A whisper-light, dusty green — the color of a quiet forest floor.
- Oat (#B5DAC7): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#BBAAB9): A luminous, dusty pink — the color of a candy shop window.
- Driftwood (#97837D): A luminous, dusty orange — the color of toasted spice.
- Bronze (#76420D): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. 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
- Ancient Stone color palette (#F3F9DD, #D1E0C9, #99B9A4, #9C7F83, #644C47)
- Bronze Boulevard color palette (#E9FCE1, #B9D2C5, #9B8C98, #996332, #7A4611)
- Dusty Summit color palette (#DDFEF3, #E5C7DC, #C8A3AE, #A87740, #684E00)
- Hushed Chestnut color palette (#CFECFF, #A8BAE9, #AC8595, #8D5925, #553F00)
- Powder Garden color palette (#F9F4ED, #C1F2F6, #95B4DA, #6B9178, #5E4C5A)
- Olive Grove color palette (#FAF4EA, #D1D6A5, #8FA37C, #708746, #5C4C00)
- Periwinkle Bloom color palette (#DBF3FF, #84A8E3, #837AB3, #78503A, #39352F)
- Powder Canyon color palette (#C5F1FF, #94C8FE, #9392CA, #756E69, #4E4943)
Browse the whole catalog at Explore, or see today's palette.