Lagoon Archive color palette — #F0F7F2 · #CBDFF3 · #63B3C1 · #009070 · #1A4F61

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#CBDFF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#63B3C1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009070): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#1A4F61): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Archive 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 Corridor color palette (#F0F7F1, #BADAE9, #35A3CB, #007D75, #053E60)
• Lagoon Meadow color palette (#F1F7F2, #D8DEED, #93B6D5, #30969F, #42546B)
• Petrol Ridge color palette (#E7F0E8, #5FB0BA, #00728C, #004B42, #001623)
• Muted Taupe color palette (#E1FCF9, #C1E0F1, #A7C6E7, #91A568, #2A5757)
• Hazy Denim Courtyard color palette (#DAE9DD, #6D98B6, #0057A7, #003A44, #02002E)
• Weathered Emerald color palette (#E6FAF6, #98C68C, #C18DD9, #4C9435, #51365D)
• Quiet Pine Corridor color palette (#CAFAE1, #B2BE79, #729E44, #297B36, #25583D)
• Ember Corridor color palette (#D9FEFA, #7AB67E, #7295E9, #D45952, #183F3C)

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