Hazy Navy Courtyard color palette — #CEEEF0 · #007F9E · #004F79 · #00255E · #0A0038

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

The five colors

• Frost (#CEEEF0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007F9E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F79): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#00255E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0A0038): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Hazy Navy 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 Terrace color palette (#D0EADF, #008482, #00555F, #002839, #000D1B)
• Pale Workshop color palette (#CBE9F1, #007CAF, #003CAC, #1F0075, #120027)
• Ancient Azure color palette (#DBF3FF, #009FDD, #00639C, #003868, #000F2A)
• Navy Meadow color palette (#CDE9D8, #6CB8DE, #367BBF, #2C4394, #2C224B)
• Muted Nightshade color palette (#E8F0FF, #487BC9, #152CAC, #001044, #000109)
• Aged Cobalt color palette (#D9EDE8, #006DBC, #7D4B00, #003764, #0F0500)
• Washed Lantern color palette (#F4E8F5, #A6A5DF, #AD73A8, #005968, #040B2F)
• Wandering Aubergine Workshop color palette (#D7E2F0, #4D62CE, #4A00A5, #3A0059, #1C0020)

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