Misty Navy Courtyard color palette — #DAF5FF · #0072A7 · #003B7C · #160069 · #180035

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

The five colors

• Frost (#DAF5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0072A7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B7C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#160069): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#180035): 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 Misty 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

• Onyx Veranda color palette (#DFEDFA, #0059A1, #003984, #01025B, #02001C)
• Linen Onyx color palette (#D3F6F3, #007E89, #004964, #002846, #050C48)
• Weathered Terrace color palette (#C8E5FC, #0067CB, #2500A8, #2E0056, #1C002B)
• Linen Sapphire color palette (#D2E5F1, #008BE8, #0064EA, #342EB9, #1A004A)
• Worn Ultramarine Harbor color palette (#F2E1EE, #3C4BCB, #684300, #190089, #190C00)
• Timeworn Raspberry Basin color palette (#E3EEFF, #AE97DE, #C12984, #00425A, #121334)
• Twilit Courtyard color palette (#DCEAFF, #3239C7, #420088, #27003C, #150014)
• Navy Summit color palette (#F4E0F3, #00479F, #5A3800, #253700, #00061A)

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