Lagoon Courtyard color palette — #FAF2F8 · #D4D4E3 · #75C7E9 · #0F9874 · #204260

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#75C7E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0F9874): A luminous, balanced teal — the color of glacier melt.
• Navy (#204260): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Lagoon Courtyard 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 Periwinkle Orchard color palette (#FAF3F7, #D6D4E1, #6CADDF, #008076, #1E2D4F)
• Cerulean Coast color palette (#FAF3F6, #D8D4DF, #C0BEE7, #31A3AB, #434C67)
• Antique Aqua Cabin color palette (#F5F6EF, #C0E9E1, #4ED1EA, #34ACA7, #2E503F)
• Wandering Quarry color palette (#F5EBF2, #82C2D3, #006F9F, #003F36, #00020C)
• Hazy Moss color palette (#F1F5FF, #B4B1FD, #D39F5E, #959911, #212946)
• Tempered Villa color palette (#FEF1F7, #A8D2EF, #237BD5, #005151, #070035)
• Nightshade Quarry color palette (#F2E2E7, #87A5C4, #3347AF, #002A31, #020008)
• Soft Indigo color palette (#E6F9FF, #B9E1FF, #72A6F4, #585FBA, #41355D)

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