Lagoon Ridge color palette — #F1F7EF · #CADFD9 · #ABC5C0 · #4F8D84 · #363D33

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Silver (#CADFD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#ABC5C0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4F8D84): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#363D33): a grounded near-black with real depth.

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

• Softworn Teal Chapel color palette (#EFF7F8, #D3DAE2, #B8C1D0, #1BB89F, #2B3E41)
• Washed Cobalt color palette (#F9F3F9, #F4D4DA, #DAB9BC, #6487C0, #473B47)
• Stone Thicket color palette (#FCF5E2, #B2BC72, #758951, #63645C, #37352F)
• Wandering Study color palette (#DDECE2, #A2BBAE, #7F9D92, #005D6D, #08180F)
• Hushed Study color palette (#A8EEFC, #7EC1DF, #729B90, #7A5B65, #5D3E43)
• Tempered Chapel color palette (#E2F2E5, #00919F, #2A4738, #15261A, #090F09)
• Frosted Teal Basin color palette (#EFF1D6, #00B9B7, #00869D, #534D83, #1D3723)
• Airy Seafoam Villa color palette (#E6FCE9, #18F3D7, #00CFDA, #26A3C9, #1D3C26)

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