Cobalt Courtyard color palette — #EDF9EF · #AED2F7 · #577CCC · #00637D · #363873

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#AED2F7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#577CCC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00637D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#363873): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt 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

• Hushed Field color palette (#F0F8F1, #C8E0F2, #638EB8, #006F7B, #374963)
• Worn Indigo Harbor color palette (#EBF5EA, #B1D4F6, #6873ED, #006165, #2D1A41)
• Hazy Iris Dune color palette (#FAF4EC, #BCDFFF, #7E90FF, #008286, #483462)
• Worn Station color palette (#FCF4E7, #D0E7FF, #91B5FF, #2D9EC2, #373A69)
• Petrol Archive color palette (#E9F1EA, #8BBAC9, #007589, #005142, #003346)
• Worn Abyss color palette (#E3EFE5, #4C8B9B, #00425C, #002221, #000A17)
• Navy Courtyard color palette (#E6F0E8, #6894B9, #00439D, #002E39, #0B0245)
• Dusty Powder Loft color palette (#E7F9FF, #B0EAFF, #82BBFE, #008872, #004B58)

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