Cerulean Courtyard color palette — #D5ECF5 · #0094C0 · #00608C · #003556 · #001631

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

The five colors

• Frost (#D5ECF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0094C0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00608C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003556): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Timeworn Azure color palette (#D3EEF8, #00AFE3, #0083BA, #004E7E, #022D54)
• Antique Study color palette (#CFECE2, #009080, #006B68, #003B3B, #00191B)
• Navy Loft color palette (#D5EDFF, #008BE4, #004FA7, #002490, #070F41)
• Pale Dune color palette (#D1E6F9, #0087C9, #0C821C, #004B73, #001802)
• Airy Ultramarine color palette (#D0E3FF, #5B95EE, #0053BA, #002352, #000514)
• Softworn Indigo Quarry color palette (#E4F0FF, #86A8EC, #5C74DC, #3F418A, #242C4B)
• Tempered Harbor color palette (#E5F0FF, #B6C6FF, #A191F5, #006098, #0A1B37)
• Soft Atelier color palette (#E6EFFF, #475ECD, #A00089, #00575E, #010921)

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