Hazy Lagoon color palette — #F2F8E5 · #72AF8A · #578CCD · #007948 · #1F436E
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F8E5): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#72AF8A): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#578CCD): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007948): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1F436E): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Iris Lantern color palette (#ECFAEB, #4CB2AC, #847FC9, #007570, #3F3B69)
- Tempered Cerulean color palette (#F0FAE0, #4C9B73, #0088AD, #7D6700, #373932)
- Airy Harbor color palette (#CFE4D7, #008DA9, #617400, #005263, #252D00)
- Amber Canyon color palette (#F0F8E9, #6BAF98, #B57C2A, #00775D, #583C15)
- Frosted Wisteria Boulevard color palette (#EEF5E1, #6BB78B, #B86DB9, #007848, #3F1A22)
- Hazy Emerald Meadow color palette (#E1FBFA, #84CA9B, #D485C6, #2B975B, #473C5B)
- Wandering Lagoon Corridor color palette (#ECFCD9, #84C4AC, #0A8D67, #00513C, #003B29)
- Quiet Plum color palette (#DFF4EC, #3C97CA, #A25B98, #005D86, #511E4B)
Browse the whole catalog at Explore, or see today's palette.