Tempered Navy color palette — #E3E8EE · #B3B8CD · #9188AB · #004482 · #16202C

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

The five colors

• Frost (#E3E8EE): bright and airy, almost weightless.
• Ash (#B3B8CD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#9188AB): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004482): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#16202C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Navy 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

• Patina Villa color palette (#DFE0E9, #BBB6C3, #9D859C, #542B81, #1D1E2B)
• Washed Denim color palette (#DAE0EA, #BBC4DB, #A0A2BB, #3B5EA0, #17202D)
• Aged Mulberry color palette (#EFEDF6, #D2C8D4, #B397A6, #753C70, #2F2B3A)
• Antique Mulberry Courtyard color palette (#D4E5ED, #7480AA, #823E6B, #004129, #002726)
• Muted Pier color palette (#E0E0EC, #9E96A6, #82667E, #3E085C, #080812)
• Tempered Archive color palette (#F2F5FB, #DFD9E3, #CFBAC9, #5B73A7, #424852)
• Cobalt Boulevard color palette (#E4DDE4, #D2B9BA, #BD9E97, #4E80CB, #291829)
• Ancient Aubergine color palette (#CEEDE6, #007093, #550088, #142B00, #031531)

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