Navy Garden color palette — #E9EFF7 · #9DA5B5 · #7F84A3 · #0A4288 · #030914

Navy and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E9EFF7): a clean, paper-quiet neutral.
• Blue Fog (#9DA5B5): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#7F84A3): A luminous, dusty violet — the color of wild irises.
• Navy (#0A4288): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#030914): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Navy Garden 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 Aubergine color palette (#E1E1EC, #A5A1B6, #8F7DA2, #552E7B, #080716)
• Weathered Quarry color palette (#E5DFE5, #C8B4C2, #A48899, #0F367D, #030003)
• Dusty Onyx Studio color palette (#DBE3EC, #9199B1, #716C8A, #002D4E, #030A12)
• Denim Parlor color palette (#EBE5EC, #B09B9C, #A37F79, #1464B1, #0F0510)
• Muted Grape Garden color palette (#ECEDF3, #C4C1D6, #AD9CC2, #7047A5, #1C1D2E)
• Muted Pewter Workshop color palette (#E5EAFF, #7A65A4, #743E6A, #392C00, #001812)
• Aged Cobalt Delta color palette (#F3F5FB, #DDD6E0, #CFB7CD, #7F77B2, #373A46)
• Indigo Thicket color palette (#DCE8FF, #069FEF, #5F5FFF, #840B9A, #03000E)

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