Cerulean Courtyard color palette — #CFF4F6 · #008B99 · #005262 · #00323F · #0A172E

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

The five colors

• Frost (#CFF4F6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008B99): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005262): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#00323F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0A172E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Boulevard color palette (#DCF2FF, #0090C9, #004B6A, #001F2F, #000811)
• Worn Courtyard color palette (#D5E4D8, #008859, #00553F, #00382C, #002025)
• Pale Studio color palette (#DBEAE2, #00789B, #862890, #003F54, #300035)
• Iris Archive color palette (#BFEDDC, #94BDE8, #6587DA, #005970, #00263F)
• Airy Cobalt color palette (#C5E4F6, #0076B2, #004F8A, #002A5F, #1F0344)
• Aubergine Bloom color palette (#DDF3FF, #006384, #593199, #004932, #00141E)
• Petrol Market color palette (#ABEAF7, #5DB9D5, #0081A8, #006187, #1F4967)
• Muted Ultramarine Quarry color palette (#D3E9FF, #1274E5, #0A3EBC, #151187, #181052)

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