Cerulean Courtyard color palette — #FAF4EE · #CCE7EB · #9DB1DC · #4E929C · #644958

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.
• Frost (#CCE7EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#9DB1DC): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#4E929C): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#644958): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Softworn Quarry color palette (#FAF3F5, #D9D4DE, #B2CCFF, #619DA5, #454C64)
• Petrol Alley color palette (#EFF7F7, #D8DBEC, #779CC7, #2D7898, #43546B)
• Ancient Lagoon Summit color palette (#FBF3EF, #CDE8E0, #95BCA5, #649279, #355148)
• Hushed Stone color palette (#FFF2EE, #E09CA1, #6FB3AD, #6093AD, #523C36)
• Washed Harbor color palette (#EAE0D7, #8DB7D3, #3772CD, #00585D, #1A154B)
• Soft Azure Orchard color palette (#FFF2EC, #A6E8F1, #00AADD, #008568, #1B4267)
• Antique Cocoa Harbor color palette (#FFF2EE, #E0DBCE, #9FBDD1, #C89EA2, #773B1A)
• Muted Denim color palette (#EADBD3, #52A1A2, #006376, #003E25, #000A15)

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