Tempered Navy color palette — #F4ECF3 · #A594A0 · #866579 · #00216D · #110410

Navy and Pewter set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F4ECF3): bright and airy, almost weightless.
• Heather (#A594A0): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#866579): A full-bodied, dusty pink — the color of peonies in June.
• Navy (#00216D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#110410): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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 Aubergine color palette (#E6DEE0, #A79498, #8E6368, #3D1154, #130409)
• Washed Corridor color palette (#D8E5DF, #86A198, #7E6781, #003042, #000D07)
• Navy Bloom color palette (#E1EBF7, #9CA4BA, #84839D, #14467B, #040A12)
• Aubergine Quarry color palette (#EDE5E8, #C6B3B7, #AC8187, #592681, #2C1920)
• Hushed Thicket color palette (#E0E9E7, #B59E9F, #A48378, #2266A3, #000C09)
• Timeworn Station color palette (#FFF1F2, #E5CCCA, #C69A93, #8C3274, #3F2E2E)
• Muted Aubergine Dune color palette (#E7E1FB, #7D5293, #5D1256, #390F06, #140D00)
• Sapphire Study color palette (#FBF2F8, #E5D5D6, #D7AFC1, #5362B4, #473C44)

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