Tempered Navy color palette — #EDE6EE · #AB9AA4 · #966F7B · #003667 · #09010B

Navy and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EDE6EE): a clean, paper-quiet neutral.
• Taupe (#AB9AA4): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#966F7B): A full-bodied, dusty rose — the color of a warm blush.
• Navy (#003667): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#09010B): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aubergine Coast color palette (#F6EBF1, #AC9A9F, #9B6E6F, #34128B, #0C0107)
• Patina Driftwood Courtyard color palette (#DAE7DF, #8EA69F, #7279A0, #003D4B, #000602)
• Muted Denim color palette (#DAE3ED, #ADB4C6, #9291B5, #005397, #0B151F)
• Patina Aubergine color palette (#EFE1E3, #C1AEAB, #A58578, #6E0F6C, #120709)
• Aubergine Studio color palette (#F1E6E9, #DAC6C7, #C29890, #644384, #1F1116)
• Dusty Orchard color palette (#F8EFF0, #DED6CF, #CABCA6, #966085, #352929)
• Garnet Ridge color palette (#DAEDFB, #62608E, #66325C, #0A2F0D, #000F07)
• Worn Olive color palette (#FBEDD9, #6D6C19, #1E4000, #1A1447, #030300)

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