Lagoon Field color palette — #F8F3F8 · #D4D6EA · #83BAD5 · #5A966E · #445469

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D4D6EA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#83BAD5): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5A966E): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#445469): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Lagoon Field 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

• Weathered Harbor color palette (#FCF3F0, #BCE9F1, #ADC7F0, #8D976F, #584658)
• Wandering Turquoise color palette (#F8F5EF, #CBE5DE, #5BA6B7, #457B6C, #3A5046)
• Soft Summit color palette (#FEF1F9, #AAE5FC, #629FE4, #008570, #383674)
• Aged Summit color palette (#F8EBF5, #5E9DAB, #005E8F, #003D2B, #03002E)
• Tempered Moss Canyon color palette (#FDF0FF, #D8A0A7, #AAA967, #65A55E, #4C3C4F)
• Ash Summit color palette (#F5F4FF, #EDD8DF, #D6B8A4, #99A2D5, #554D5F)
• Tempered Cobalt color palette (#F7EAF1, #9BCBE9, #6484CA, #006C66, #302451)
• Forest Cabin color palette (#F1E8F2, #8CBAC7, #0081A3, #005E24, #001F41)

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