Tempered Navy color palette — #E9F0FA · #868D9D · #656980 · #002858 · #000105

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

The five colors

• Frost (#E9F0FA): bright and airy, almost weightless.
• Slate Blue (#868D9D): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#656980): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#002858): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#000105): 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

• Weathered Meadow color palette (#E9E1EA, #A6949F, #826970, #002B54, #0E0610)
• Tempered Quarry color palette (#E6EDF3, #B1BAD4, #928DAA, #003F68, #000104)
• Patina Aubergine color palette (#E2E0EC, #A49BB0, #87738F, #53145D, #05020F)
• Softworn Denim Grove color palette (#E5E9F3, #C6CAE0, #A3A0BC, #484C91, #111622)
• Softworn Lapis Coast color palette (#DCE0F3, #007CBB, #473AD6, #5A0064, #010008)
• Midnight Denim color palette (#E8EDFA, #625087, #562549, #1B1400, #020400)
• Washed Pewter Pier color palette (#F1F1F9, #E1D5E0, #CCB8C3, #826A93, #2B2B34)
• Smoked Fern Grove color palette (#E3F2E9, #535F00, #143200, #001624, #010100)

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