Tempered Navy color palette — #ECE2E9 · #AE99A5 · #956F81 · #252E6D · #0A0207

Navy takes the lead with Mocha close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Rose Water (#ECE2E9): bright and airy, almost weightless.
• Taupe (#AE99A5): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#956F81): A full-bodied, dusty rose — the color of a warm blush.
• Navy (#252E6D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0A0207): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, 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

• Ancient Market color palette (#DCE2ED, #A3A8BC, #7C7C96, #1A2C7E, #0B1422)
• Tempered Hollow color palette (#ECDFE4, #A3838B, #836066, #381256, #040001)
• Patina Pier color palette (#DAE6DF, #8FA69D, #5A867A, #003C4E, #000603)
• Navy Lantern color palette (#F4EBF3, #E6C5D5, #BD9CA2, #254895, #050105)
• Wandering Study color palette (#F6E4E3, #C5ACA9, #A9837A, #721C4E, #160606)
• Tempered Veranda color palette (#F9EFEF, #E0D3CC, #C8B1AE, #845175, #2A1C1D)
• Driftwood Bloom color palette (#F8EFF3, #E3D4D2, #B6ACA2, #9B7688, #3C3337)
• Gentle Byzantium Station color palette (#F2EAFF, #954BA1, #682E5A, #391100, #0F0500)

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