Navy Courtyard color palette — #C4E4F2 · #0068AF · #00338F · #1E0071 · #22003C

Deep Indigo and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Powder Blue (#C4E4F2): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0068AF): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#00338F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#1E0071): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#22003C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Shadow Navy color palette (#D1E3F5, #005CAC, #002B84, #050053, #040020)
• Navy Lagoon color palette (#D4F5F9, #007897, #00446E, #05007A, #170045)
• Misty Ultramarine color palette (#CFE2F5, #007CEE, #003CD9, #181C8D, #0C0042)
• Hushed Bloom color palette (#E1F2FF, #315BE8, #3100AD, #290050, #20002A)
• Antique Ultramarine Chapel color palette (#D9E9FF, #0054CC, #4D5000, #002767, #101100)
• Indigo Dune color palette (#E4E4FF, #6E5CE2, #3A0091, #0C0039, #02000F)
• Raspberry Delta color palette (#E1EBFF, #B79EE1, #C73B97, #00465E, #141036)
• Aged Nightshade color palette (#DDE5F1, #0042AC, #583900, #1C3900, #00051D)

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