Navy Study color palette — #DBE3EC · #9BA5B6 · #7886A4 · #004485 · #010917

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

The five colors

• Frost (#DBE3EC): a clean, paper-quiet neutral.
• Blue Fog (#9BA5B6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#7886A4): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004485): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#010917): 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 Study 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

• Dusty Navy Villa color palette (#E7EDF3, #B4BBCA, #918EA9, #004064, #000103)
• Aubergine Cabin color palette (#E6E7F0, #A3A3B3, #9A799B, #572588, #070814)
• Onyx Station color palette (#E6EFF7, #8F9AB1, #6D6E86, #002D4D, #030A12)
• Denim Atelier color palette (#DDEDE8, #B79FA3, #A88283, #0065AF, #000C09)
• Wandering Grape Coast color palette (#E6E8F1, #C2C2D3, #A59FC5, #6E46AC, #1D1E2A)
• Mulberry Villa color palette (#EDEEFF, #8F6F9A, #6E3B63, #541E0C, #1C0A00)
• Soft Indigo Lantern color palette (#DAE1EF, #168DF8, #5368FF, #642CC5, #05001F)
• Washed Cornflower color palette (#F2F5FB, #DBD8E5, #CABBDF, #5B81DE, #38404D)

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