Cocoa Lagoon color palette — #F7EBF0 · #B1BFB5 · #7A9992 · #5E2D00 · #040002
Cocoa takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Blush (#F7EBF0): a clean, paper-quiet neutral.
- Stone (#B1BFB5): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#7A9992): A luminous, dusty teal — the color of shallow lagoons.
- Cocoa (#5E2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Olive Canyon color palette (#F3EAE3, #A1998A, #797329, #461E00, #130600)
- Softworn Atelier color palette (#E4F2ED, #BBD6D5, #8AADB7, #485400, #000302)
- Washed Olive Meadow color palette (#D5E7DD, #518B45, #004739, #2D0A2C, #000200)
- Worn Forest Terrace color palette (#FAD7D2, #897B4F, #1A5D3A, #2D1B3E, #05000E)
- Hazy Quarry color palette (#D6ECD4, #FF6A6E, #AC6D00, #006031, #010100)
- Dusty Bronze Summit color palette (#EFF8EF, #CBE2E3, #B1C6CE, #9D6B00, #172217)
- Worn Basin color palette (#E7FAF5, #CDE0EA, #B6ACB9, #5E8F19, #0C2B25)
- Timeworn Veranda color palette (#FDF2F6, #C8DCE4, #B9B5BE, #BD844D, #412F36)
Browse the whole catalog at Explore, or see today's palette.