Lagoon Field color palette — #FBF2F5 · #DBDEEC · #A1B1D4 · #4D9397 · #4F5068

A conversation between Storm Blue and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#DBDEEC): bright and airy, almost weightless.
• Mauve (#A1B1D4): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#4D9397): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4F5068): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: 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

• Ash Study color palette (#E4FAFD, #D8DDE8, #BBA9AC, #78A9A0, #3A525B)
• Softworn Lagoon Ridge color palette (#F9F3F9, #C9E3FB, #72AFC4, #5A875D, #314A64)
• Hushed Veranda color palette (#E6F9FF, #7FD6D3, #DE9CA4, #3D9D9A, #59455C)
• Petrol Studio color palette (#F8F5EF, #CAE6EA, #AD8DAA, #317890, #624A5A)
• Softworn Summit color palette (#E7D9E7, #639EA1, #00617F, #003E1B, #00081D)
• Tempered Hollow color palette (#F8EAF2, #A0CBE3, #4D8BC5, #006E59, #252856)
• Pewter Orchard color palette (#FDF1F8, #BBD2BA, #B190A2, #826B85, #384D42)
• Antique Taupe Bloom color palette (#E5F9FF, #6BC2C1, #D68F8A, #B17E5A, #2C474F)

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