Lagoon Ridge color palette — #FBF2F5 · #D8D4DE · #A5B9EE · #3A928F · #383C5E

Fern and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#D8D4DE): bright and airy, almost weightless.
• Sky (#A5B9EE): A luminous, dusty violet — the color of wild irises.
• Fern (#3A928F): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#383C5E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, 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

• Ancient Turquoise color palette (#F9F4ED, #C5E6EA, #9CC0F1, #23A9C6, #5B3C54)
• Pine Workshop color palette (#F9F3F9, #D3D5E4, #64B1D3, #30814C, #192F4D)
• Worn Cerulean Hollow color palette (#EDF4EE, #C8E0F5, #698FC5, #006A7E, #1E2C46)
• Hushed Sky Harbor color palette (#D4FFFC, #9EEEFF, #5CAFE4, #5275B5, #433A63)
• Hushed Lagoon color palette (#EDF6FF, #DCD9E3, #B5AFA4, #78BCBC, #3D4859)
• Airy Drift color palette (#EDF6FF, #AFDAFF, #E4AF79, #3490D5, #4F300A)
• Hushed Denim Boulevard color palette (#E8DBE2, #6AADC5, #0C5598, #002C24, #01000A)
• Aged Field color palette (#ECF7FF, #71C5F9, #C8A643, #A68F50, #112E42)

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