Tempered Navy color palette — #F5E7EE · #597D96 · #09367E · #00201C · #010009

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

The five colors

• Blush (#F5E7EE): bright and airy, almost weightless.
• Slate (#597D96): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#09367E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Ridge color palette (#E7DEE6, #388688, #004256, #00210A, #000105)
• Nightshade Hollow color palette (#E9D9E0, #6390AB, #0739AF, #002C29, #060017)
• Cellar Balcony color palette (#DDEFFE, #0065AB, #003151, #00091A, #000103)
• Tempered Denim Studio color palette (#F0E9DF, #7AAAC1, #00598E, #002B2F, #000106)
• Weathered Station color palette (#DBEBF5, #7F86C3, #973C8A, #003C37, #000208)
• Cocoa Pier color palette (#CBE6F8, #005470, #5A2E00, #002230, #030100)
• Washed Courtyard color palette (#EEE6EF, #8DBCC9, #007793, #005014, #00162E)
• Softworn Cypress color palette (#F7EFF4, #C8E0EF, #6C90BD, #006E5E, #212A48)

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