Lagoon Field color palette — #EFF7F8 · #D6DAE0 · #B1A9B1 · #4D8F89 · #4B5456

Storm Blue takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D6DAE0): a clean, paper-quiet neutral.
• Ash (#B1A9B1): a calm mid-gray that lets other colors speak.
• Storm Blue (#4D8F89): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4B5456): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Lagoon Harbor color palette (#EBF4F5, #D3D7DF, #B6ADBA, #5B8C93, #2F3839)
• Tempered Driftwood color palette (#EEF8F2, #AAC9BE, #6F8A64, #496D70, #3B534B)
• Tempered Ash Parlor color palette (#E7F9FF, #B6CAD8, #8190A9, #7D687B, #604949)
• Hushed Mulberry Courtyard color palette (#EAFAED, #73B5B4, #467E9D, #804454, #324C56)
• Washed Villa color palette (#DADFE4, #B1BAC5, #858EA5, #004971, #0C2132)
• Spruce Drift color palette (#D3E1E6, #8C9DA6, #5C7487, #003234, #000B10)
• Hushed Cocoa Lagoon color palette (#EAF8FD, #5AA6AB, #75669C, #84392B, #384920)
• Washed Navy color palette (#E6EBF4, #A3A9B8, #7A7C9D, #001C9D, #0C1421)

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