Hazy Lagoon color palette — #E8F9D3 · #A7F7FF · #9ABDFC · #7D7E20 · #1B3217
A conversation between Olive Leaf and Sky, giving this palette its sense of nature and growth.
The five colors
- Custard (#E8F9D3): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#A7F7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#9ABDFC): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#7D7E20): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1B3217): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, light.
Use it as a design system
One click turns Hazy 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
- Aged Pine color palette (#E3F9E0, #ACE4E3, #B2A7D8, #497348, #123019)
- Weathered Bronze Quarry color palette (#FAF3D2, #BCEECC, #6EC6D9, #976823, #282B03)
- Moss Balcony color palette (#D7FEFF, #BBE2FF, #B2C4FF, #849F00, #004A49)
- Feathered Atelier color palette (#EDFAE2, #B1FBFB, #49C0F0, #24813A, #11504B)
- Wandering Grove color palette (#D3FDEA, #C2CEFF, #DD8FD1, #006D66, #001E34)
- Hushed Stone color palette (#E4F7F0, #E9D3CB, #D0B896, #758C71, #433442)
- Bronze Coast color palette (#FBE6C1, #9AA76F, #826700, #683400, #002408)
- Hazy Lilac color palette (#CCE8E8, #67BEE9, #A177CD, #0F5508, #001007)
Browse the whole catalog at Explore, or see today's palette.