Cerulean Courtyard color palette — #DFF0F3 · #009EBA · #006A84 · #004961 · #1D2A4F

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DFF0F3): bright and airy, almost weightless.
• Cerulean (#009EBA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004961): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#1D2A4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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

• Lagoon Summit color palette (#D9F4ED, #00A091, #00736F, #004A4C, #00353A)
• Soft Sky color palette (#C3ECF2, #00C4E5, #00A0C5, #0081AA, #00344B)
• Quiet Navy color palette (#CEE5E1, #00B7C6, #008AA8, #005685, #002B6E)
• Feathered Lantern color palette (#E0F0FF, #2EA2F8, #00639B, #003353, #002038)
• Petrol Courtyard color palette (#DCF3FF, #8EC8E4, #3589B4, #15689A, #36516C)
• Hushed Pier color palette (#C9EAFF, #0092BA, #528000, #005770, #1F3500)
• Weathered Grape Dune color palette (#D9E8F1, #007BA7, #7E01E5, #006247, #002839)
• Muted Atelier color palette (#EDF6FF, #B0D0FF, #93A3FF, #006B8E, #14375E)

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