Twilit Lagoon color palette — #C7E7EF · #476300 · #373035 · #001817 · #000201
Built around Olive, softened by Frost — the whole palette hums with nature and growth.
The five colors
- Frost (#C7E7EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Olive (#476300): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#373035): quiet, heavy and certain.
- Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Twilit 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
- Hushed Olive Hollow color palette (#D5E6D3, #618035, #003331, #2A2029, #000807)
- Fern Loft color palette (#CDEDE9, #605B00, #011A01, #040A0C, #000200)
- Nocturne Terracotta Lantern color palette (#DAE9DE, #924525, #21282E, #00181C, #000304)
- Clover Balcony color palette (#E0F6FE, #8AB860, #00575C, #002628, #00090E)
- Charred Aubergine color palette (#DCF3FD, #003E46, #31016E, #0E1500, #000102)
- Navy Alley color palette (#DCF1FF, #00617E, #070086, #00222F, #00000C)
- Hushed Onyx color palette (#D7E3EC, #848F9B, #5D6C81, #002D45, #000104)
- Washed Pier color palette (#EFF1FC, #EBB3B0, #645A81, #2C2F44, #12131D)
Browse the whole catalog at Explore, or see today's palette.