Tempered Navy color palette — #F2EDF3 · #AF9FAC · #987D8F · #004486 · #0E060E

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

The five colors

• Blush (#F2EDF3): a clean, paper-quiet neutral.
• Taupe (#AF9FAC): A luminous, dusty pink — the color of a candy shop window.
• Heather (#987D8F): A luminous, dusty pink — the color of peonies in June.
• Navy (#004486): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0E060E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Worn Aubergine color palette (#F3EBEE, #B19FA4, #9E7C82, #552886, #13040A)
• Antique Navy color palette (#E4EEEB, #C8B4C0, #A38A90, #003F65, #000201)
• Ancient Atelier color palette (#DBE1E7, #A09EAB, #8C8397, #2266A4, #000A18)
• Washed Abyss color palette (#E6F2EB, #97AAA1, #6B8F84, #004D60, #020C06)
• Wandering Onyx Workshop color palette (#DDECE7, #A991A2, #866672, #002D4D, #000D09)
• Grape Villa color palette (#E9DEE2, #D0BFC4, #C198A1, #6B4D9E, #271B20)
• Basalt Workshop color palette (#EBE9FB, #85679B, #683A68, #54261E, #1E0900)
• Antique Ridge color palette (#FAF3F6, #E7D5D4, #D4B8B3, #7C75C0, #41373D)

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