Lagoon Courtyard color palette — #FAF4EE · #C4E0F0 · #A3BBE7 · #30919A · #553248

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C4E0F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A3BBE7): A luminous, dusty violet — the color of wild irises.
• Cerulean (#30919A): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#553248): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Powder Villa color palette (#FBF3EF, #C1E1EB, #AFC2ED, #839A75, #5A455B)
• Periwinkle Garden color palette (#FEF3EA, #D8D5E1, #78B0FF, #00878C, #2D2F5C)
• Dusty Azure Orchard color palette (#EDF8F7, #D6DBF2, #93C2F3, #46A4CA, #31486A)
• Ancient Lagoon color palette (#FBF3EF, #BCE6EE, #85C6DC, #479372, #1F483D)
• Muted Cobalt color palette (#FAF3F6, #C6E0F7, #6C8AC3, #006F79, #3F475E)
• Dusty Lagoon color palette (#FFF2EC, #8BDBE8, #0085B2, #005342, #000D20)
• Powdered Archive color palette (#F7F6E4, #C1E19B, #C3ADF4, #729839, #3E2F5A)
• Ancient Coast color palette (#F7F6E5, #BEE4F4, #BFAB7F, #8FAAC4, #424700)

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