Lagoon Courtyard color palette — #FBF2F6 · #C3E5FF · #8AB4EE · #009FA4 · #33365E

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C3E5FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#8AB4EE): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FA4): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#33365E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Soft Courtyard color palette (#FEF0F9, #9FE6FC, #40B5FE, #00998A, #062A78)
• Aged Jade color palette (#FBF2F8, #CEE5FE, #79CBE5, #3FAF80, #2F4B62)
• Periwinkle Dune color palette (#EEF8F7, #D9DDE8, #54AEF1, #007B97, #193048)
• Dusty Lantern color palette (#F4E5EA, #9DC5E9, #6D8CE9, #007B8A, #21104B)
• Hushed Lantern color palette (#F5EAEE, #84A5C0, #346DDD, #005C63, #090029)
• Softworn Cerulean color palette (#EEE4EC, #7DBCC6, #008FBD, #006F59, #00142C)
• Aged Cobalt color palette (#F9F0E8, #A1CFE9, #487DC1, #005B5D, #311529)
• Sunlit Moss Pier color palette (#DDF5EC, #B9C875, #C09CF1, #8B9C00, #3F285A)

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