Cerulean Courtyard color palette — #EDF7F7 · #C5E0F8 · #5A8EC5 · #156B8B · #384960

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

The five colors

• Ivory (#EDF7F7): bright and airy, almost weightless.
• Powder Blue (#C5E0F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#5A8EC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#156B8B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#384960): A full-bodied, dusty blue — the color of deep harbor water.

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

• Softworn Iris color palette (#F8EFF2, #BBE2FF, #6F8DC7, #216A71, #242B41)
• Cerulean Study color palette (#EDF8F5, #C3E3EC, #229CA4, #157164, #2B4D5B)
• Turquoise Grove color palette (#DDE9E7, #51AEBE, #006176, #003E3F, #002330)
• Dusty Cerulean Meadow color palette (#DDEFED, #348BAC, #00425E, #002128, #000A16)
• Periwinkle Summit color palette (#FBF4ED, #C4F0E1, #88A5D9, #49868C, #5B3D4F)
• Dusty Alley color palette (#FBF2F5, #D8DEF5, #A6BCF6, #4BA9A6, #404467)
• Weathered Courtyard color palette (#E9F9F6, #49CCD9, #007B8E, #005653, #003948)
• Chalky Emerald color palette (#DDFDF8, #559D49, #008B99, #8D5E00, #1C3F3A)

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