Tempered Navy color palette — #DAE2EE · #AEB2C3 · #8D89A7 · #22417B · #030B18

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DAE2EE): a clean, paper-quiet neutral.
• Ash (#AEB2C3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8D89A7): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#22417B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030B18): 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 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 Aubergine Study color palette (#ECECF6, #B6AFC1, #97879A, #5C237B, #0A0818)
• Ancient Nightshade color palette (#DADFE9, #B2B9C8, #858CAB, #212EA9, #151F32)
• Mulberry Canyon color palette (#EBE7F0, #D2C7D4, #B49BAC, #763E67, #18131F)
• Dusty Ultramarine color palette (#E5DDE4, #CFBFC7, #B89CA2, #325BB1, #291927)
• Softworn Alley color palette (#EAE9F6, #918A99, #786379, #430055, #010105)
• Antique Spruce color palette (#DDEEFF, #797FA5, #683C59, #003E1F, #00170F)
• Gentle Forest color palette (#D5EEDC, #728132, #015311, #2C1E51, #070900)
• Softworn Aubergine Lagoon color palette (#D5EFEA, #0063BE, #59007B, #0F2500, #03001F)

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