Lagoon Field color palette — #F9F3F7 · #D4D5E4 · #76C8E5 · #3B9573 · #294258

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D4D5E4): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#76C8E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3B9573): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#294258): A deep, shadowed, 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 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

• Dusty Cerulean Station color palette (#FAF3F5, #D9D4DE, #A5B8F5, #0092A7, #373D5B)
• Aged Sky color palette (#FAF2F7, #D6D4E1, #55B0E9, #008172, #192D52)
• Timeworn Aqua Market color palette (#F5F6EE, #BDECE1, #66CFE1, #52A9A1, #2F503E)
• Cerulean Balcony color palette (#EAF4F2, #ADE9ED, #429CAA, #246B65, #13303D)
• Petrol Lagoon color palette (#F8E9F4, #7CC4D3, #00709B, #003F34, #00020B)
• Worn Jade color palette (#F7F3FF, #E8A0D4, #7BBE70, #00AC78, #302540)
• Hushed Corridor color palette (#FFF0F8, #A2D4ED, #157BD7, #005151, #060134)
• Lilac Ridge color palette (#F6F3FF, #E9D6DE, #B0BAB0, #9A94DB, #493F54)

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