Hazy Lagoon color palette — #F0F9E6 · #9EE6C9 · #98BAFF · #00A27A · #25375E

A conversation between Fern and Sky, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#F0F9E6): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#9EE6C9): A whisper-light, balanced teal — the color of sea glass.
• Sky (#98BAFF): A luminous, balanced violet — the color of wild irises.
• Fern (#00A27A): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#25375E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged light, 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

• Chalky Balcony color palette (#F8F6E4, #CADE9F, #4DCDED, #7A9700, #00404D)
• Frosted Lagoon Grove color palette (#EFF9E9, #9BE6D2, #E0B366, #00A088, #4C3300)
• Azure Courtyard color palette (#D5F7EE, #2F96ED, #009347, #005089, #000B02)
• Hazy Fuchsia Harbor color palette (#DCFFEB, #5ED9FF, #DF83F9, #008CAC, #461253)
• Washed Garden color palette (#EFF9EA, #B0E5E8, #D1C6D0, #70C599, #3C4D37)
• Soft Mallow color palette (#F1F9E5, #8EE0B7, #FF96D0, #44B785, #5C3636)
• Cobalt Terrace color palette (#E2FCF2, #74C9FF, #7AB96F, #007FB7, #0B3105)
• Lagoon Loft color palette (#EEF9EE, #CCEAC4, #00878B, #004143, #081209)

Browse the whole catalog at Explore, or see today's palette.