Lagoon Study color palette — #FBF2F7 · #D2DEF7 · #7FAAD0 · #008D86 · #364866

Built around Fern, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#D2DEF7): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7FAAD0): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008D86): A full-bodied, balanced teal — the color of sea glass.
• Navy (#364866): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Lagoon Study 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 Harbor color palette (#FDF3EC, #C1E7F6, #84C1F6, #3C928A, #4E364A)
• Denim Boulevard color palette (#F4E6F1, #5C9EA9, #006082, #003D30, #00091A)
• Timeworn Bloom color palette (#F5E9F0, #87BBC8, #008398, #005D35, #002234)
• Feathered Ultramarine Study color palette (#FAEAF1, #70AACC, #1F64BC, #004A4C, #0F0342)
• Tempered Moss color palette (#E1FBFC, #CEDCEE, #C3C1ED, #7DA25C, #31545C)
• Patina Courtyard color palette (#F5EBF0, #A7C9E1, #4689D2, #006C6B, #222957)
• Hushed Orchard color palette (#E1FBFC, #7CCAAA, #D68AAB, #00976F, #642D47)
• Frosted Emerald Field color palette (#BBEFDC, #94C694, #2CA670, #007B6B, #004E4F)

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