Tempered Navy color palette — #E8ECF2 · #A5A8BB · #837A94 · #00317B · #0A1422

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#E8ECF2): bright and airy, almost weightless.
• Mauve (#A5A8BB): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#837A94): A full-bodied, dusty violet — the color of wild irises.
• Navy (#00317B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0A1422): 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

• Abyss Balcony color palette (#D9E6EC, #9EABB8, #747DA0, #003F49, #001720)
• Timeworn Terrace color palette (#E5DCE3, #AC9AA4, #95707D, #0F2689, #080207)
• Nightshade Dune color palette (#E7EFFB, #AEB4C6, #9091B9, #2B4AA5, #0A1424)
• Aged Quarry color palette (#E0E0ED, #ADA5B7, #91748E, #4F007A, #121125)
• Aubergine Loft color palette (#EEEDF6, #D0C9D5, #AE99A9, #782994, #2D2B3F)
• Antique Studio color palette (#F0F5FE, #D0D1E2, #AF9FBF, #3545CA, #26334A)
• Cobalt Basin color palette (#E8E0E8, #C4AAA9, #B88F7E, #3871BE, #1B0E1C)
• Antique Corridor color palette (#D4F0FC, #5F6FA6, #76335C, #003023, #00191A)

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