Lagoon Ridge color palette — #F1F7F2 · #D2DCDB · #A2ADBE · #498E95 · #4F544F

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Ash (#A2ADBE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#498E95): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4F544F): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Driftwood color palette (#F4F6F0, #D4DCD7, #A1AFB6, #798A47, #51544D)
• Driftwood Veranda color palette (#F8F3F9, #E1D7DA, #B5ACA2, #937697, #565057)
• Cobalt Dune color palette (#F3F8E7, #72B2C7, #407DA9, #664F73, #364E43)
• Dusty Alley color palette (#EBF9F2, #C6E6F9, #82DCFF, #679CCD, #344A40)
• Ancient Olive color palette (#F6F6EB, #C1C4A6, #668C6B, #577030, #505100)
• Softworn Cypress Station color palette (#E5EFE8, #8F9E96, #507B6C, #00313A, #000D04)
• Hushed Lantern color palette (#EFF7F5, #E3D7DA, #C1ACBD, #28689D, #303E3A)
• Chestnut Basin color palette (#E6FBF5, #D3BFD0, #A58197, #896A69, #77450D)

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