Navy Courtyard color palette — #DDF4FF · #0076B0 · #004985 · #040077 · #070028

Built around Deep Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#DDF4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0076B0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004985): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#040077): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#070028): A deep, shadowed, balanced 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

• Petrol Study color palette (#D7F2F7, #007899, #00486B, #002849, #000428)
• Ancient Pier color palette (#CDF8FA, #00A9DE, #0065BA, #22008A, #100025)
• Patina Grove color palette (#C3ECF3, #0089B1, #004BA5, #230088, #28084A)
• Wandering Navy Lantern color palette (#D8E7FA, #3A68BA, #745000, #002C83, #0D0600)
• Nightshade Basin color palette (#E4E8FA, #6970C6, #2F2BA7, #13004F, #01000C)
• Patina Corridor color palette (#E5EFFF, #A8A4D2, #A66CA7, #004A72, #0E072E)
• Gentle Nightshade color palette (#D7EDFF, #7FA9DF, #5B79CD, #4643A0, #2C254E)
• Aubergine Boulevard color palette (#DFE4FE, #7560C9, #5B009F, #410058, #1D001B)

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