Cerulean Courtyard color palette — #FAF4EE · #C7DEEE · #C8A4C1 · #51929E · #654957

Built around Storm Blue, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C7DEEE): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#C8A4C1): A luminous, dusty pink — the color of peonies in June.
• Storm Blue (#51929E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#654957): A full-bodied, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Cerulean 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

• Aged Lagoon Boulevard color palette (#FBF3EF, #CDE7E5, #8DBDAE, #4F958B, #62495F)
• Weathered Parlor color palette (#F4F6F0, #C3DFF3, #BEBBED, #6DABCD, #5F4B5C)
• Muted Petrol color palette (#EEF7F7, #D9DBEB, #7C9BC5, #3A7696, #45536A)
• Aged Cerulean Orchard color palette (#FBF2FB, #A4C8F2, #D5A873, #618FC5, #514C46)
• Petrol Parlor color palette (#FFF0FB, #C3D1FF, #8A9FD1, #506392, #213455)
• Softworn Powder color palette (#FFF0FF, #8BB3EC, #C89B67, #8A9258, #4D3C4D)
• Patina Cobalt Orchard color palette (#F7ECE6, #94CFE2, #388DC9, #006D63, #1B2C53)
• Dusty Thicket color palette (#E8DCD0, #8CB7D9, #4970C7, #005860, #1E104E)

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