Cocoa Lagoon color palette — #FFF0F8 · #E9D4D1 · #CEA2A9 · #A8746D · #784014
Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Bone (#E9D4D1): A whisper-light, dusty orange — the color of toasted spice.
- Rosewood Mist (#CEA2A9): A luminous, dusty red — the color of a theater curtain.
- Mocha (#A8746D): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#784014): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, 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
- Antique Spruce Quarry color palette (#FFEBE8, #E3AEAC, #B18473, #59551E, #2A3600)
- Antique Quarry color palette (#FFF0F9, #F3D6C0, #DA8F8F, #846934, #4B4000)
- Softworn Bronze color palette (#FFE2E6, #D1948D, #995B3E, #423F00, #162200)
- Aged Fern color palette (#E1FEEB, #E9CDE7, #C3A8D9, #9F9A7F, #585100)
- Driftwood Bloom color palette (#EFF6FF, #9FADCE, #7D81A6, #706176, #62474E)
- Peony Summit color palette (#F7F3FF, #DEB3F6, #BB6BA8, #8E4832, #4E2700)
- Weathered Study color palette (#F2D5ED, #9D6782, #7D3345, #331D00, #020100)
- Washed Garnet Meadow color palette (#ECEEFE, #9987C5, #704F7A, #571119, #190400)
Browse the whole catalog at Explore, or see today's palette.