Lagoon Ridge color palette — #F9F3F9 · #BFEEFA · #62B1CA · #5A885A · #314A63

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Frost (#BFEEFA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#62B1CA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#5A885A): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#314A63): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Azure color palette (#FDF1FA, #94E3F0, #5A9EC6, #3E7A5D, #283B58)
• Muted Pier color palette (#EEF6FF, #60A7FE, #B29634, #758945, #2B394A)
• Powder Orchard color palette (#FBF2F7, #D8D5E5, #92B4DC, #5C9097, #4B5264)
• Tempered Atelier color palette (#F6F6EC, #CBE5C9, #47999D, #007361, #31503A)
• Dusty Petrol Dune color palette (#ECE0EB, #46B3BF, #006F99, #004D2C, #011036)
• Sky Delta color palette (#B2F8FE, #39C7FA, #4992D2, #5C619D, #464A6A)
• Denim Parlor color palette (#F9E3EC, #409DCC, #2952AA, #003C38, #0C0026)
• Apricot Lantern color palette (#EFF6FF, #91B7FF, #D39751, #5E7FC0, #593B19)

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