Cobalt Courtyard color palette — #DEF2FD · #0086BD · #004A69 · #001D2F · #040817

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEF2FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0086BD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004A69): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#040817): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Dusty Lagoon color palette (#CEF4ED, #00918A, #004C47, #002320, #000E0D)
• Pale Cornflower color palette (#E4F1FF, #1D84F9, #003795, #001E3B, #000A1D)
• Powdered Azure color palette (#CCEBFF, #00A0E1, #006F9B, #00344D, #000B15)
• Nocturne Sapphire color palette (#E6EEFF, #0066DB, #003A6E, #000439, #000012)
• Cobalt Cabin color palette (#E1EFFF, #0076D8, #672A00, #003261, #0B0006)
• Timeworn Cobalt Parlor color palette (#EEF6FF, #6CC0F9, #3E76B7, #12436F, #112B48)
• Powdered Ember color palette (#EBEACB, #EB6100, #008CBD, #14192B, #000913)
• Muted Garden color palette (#D1E9ED, #8DADFF, #A76EA9, #005E4A, #002238)

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