Navy Courtyard color palette — #DFF0FF · #7CACDC · #457CC6 · #2A4C9E · #1F294C

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

The five colors

• Frost (#DFF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#7CACDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#457CC6): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#2A4C9E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#1F294C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Terrace color palette (#E6EEFF, #9B9FE0, #756AC1, #583E90, #342649)
• Wandering Parlor color palette (#C0ECFF, #5AB5CD, #0082A5, #00506F, #002C44)
• Airy Indigo color palette (#E9F8FF, #98DCFF, #6DAAFB, #546CC6, #39335D)
• Navy Quarry color palette (#EBF2FF, #ABB5E8, #616FB6, #2E3386, #0C0B3B)
• Gentle Ultramarine color palette (#EAF3FE, #7DA6DF, #40A376, #1761C0, #00301D)
• Cobalt Delta color palette (#C4EFD4, #64B6EC, #2C72CD, #464D95, #5C3A4B)
• Peony Dune color palette (#EAF2FF, #6C8BD1, #AB5FA2, #007A7F, #111E32)
• Muted Workshop color palette (#ECF2FF, #D9D4E1, #CCB5E7, #6383B8, #252C42)

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