Lagoon Ridge color palette — #F9F3F9 · #D2D5E5 · #87C5DE · #53935F · #27415D

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#87C5DE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#53935F): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#27415D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Tempered Lagoon Cabin color palette (#FCF2F5, #D9D4DE, #A7B9EE, #009595, #44375D)
• Timeworn Basin color palette (#FBF2FC, #C9DEF6, #00C2E8, #168F1B, #00375F)
• Washed Teal Thicket color palette (#F8F5EF, #C0EDE0, #70CEDE, #50AC8F, #304F41)
• Muted Taupe color palette (#E7FAF5, #D0E0EE, #BDB0B2, #B69C5A, #1C4747)
• Tempered Thicket color palette (#ECF4EE, #AAEAE9, #539AA6, #336A58, #123040)
• Frosted Moss Corridor color palette (#E8FAF5, #C3DFAA, #DFA4DB, #659D01, #4B2B49)
• Azure Meadow color palette (#FCF1F9, #D5D8F3, #23A0FB, #00755C, #18165F)
• Ancient Petrol color palette (#F5EAF3, #7BC4D0, #006F9E, #004028, #000016)

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