Cocoa Lagoon color palette — #F7DDEC · #742700 · #322F28 · #160C00 · #040002
Built around Rust, softened by Rose Water — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F7DDEC): A whisper-light, dusty pink — the color of peonies in June.
- Rust (#742700): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#322F28): quiet, heavy and certain.
- Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Velvet Terracotta Pier color palette (#F9DDCB, #9D3D00, #232F2A, #200C00, #030100)
- Cellar Mulberry color palette (#FDE8F0, #7C0049, #32271E, #240100, #030005)
- Inked Basalt color palette (#D3EFDB, #544100, #23251C, #0A1100, #000200)
- Washed Meadow color palette (#FFE5DF, #AB5100, #5F3E00, #2E2400, #0E0D00)
- Midnight Spruce Villa color palette (#D5E3DA, #525B62, #322900, #0A1518, #010300)
- Ultramarine Balcony color palette (#DBE8DB, #8E6100, #024DC0, #4A3000, #00051E)
- Fern Atelier color palette (#D2F0E5, #4F5C00, #363E46, #001F1F, #000704)
- Bronze Alley color palette (#E2F2E5, #A47C00, #254239, #172119, #100A0D)
Browse the whole catalog at Explore, or see today's palette.