Cerulean Courtyard color palette — #F7EFF3 · #C4E1F4 · #698EC7 · #006E62 · #232A46

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C4E1F4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#698EC7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E62): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#232A46): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Lantern color palette (#EFF8F1, #C2E1F7, #4D90C6, #006F79, #364963)
• Cobalt Archive color palette (#FAEEF2, #B0CAE7, #6F76B0, #005A60, #29163A)
• Aged Archive color palette (#F5E9F1, #458391, #003F64, #002015, #00000C)
• Driftwood Ridge color palette (#DFF7FB, #66B5A4, #BB7397, #007564, #3E182C)
• Washed Pier color palette (#F9F4EE, #C0E2F3, #84C2F5, #00939F, #2B3F61)
• Antique Forest Summit color palette (#F8EEFA, #84CAC8, #007E9D, #00561A, #001A36)
• Antique Terrace color palette (#E7DDE6, #6CA8AA, #00617D, #003C17, #000A1E)
• Muted Nightshade Workshop color palette (#F4E2E8, #5C90B5, #2236AC, #002C2B, #070016)

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