Tempered Navy color palette — #F3E8ED · #B0A0A1 · #9A7F79 · #4A3679 · #12040B

Built around Royal Purple, softened by Mocha — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F3E8ED): bright and airy, almost weightless.
• Taupe (#B0A0A1): soft and architectural.
• Mocha (#9A7F79): A luminous, dusty orange — the color of autumn markets.
• Royal Purple (#4A3679): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#12040B): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Denim Courtyard color palette (#DDECE7, #B29EA9, #9C7D83, #004877, #000D09)
• Dusty Cabin color palette (#EFE5E9, #B19B95, #A97C68, #7645AF, #13040A)
• Weathered Aubergine color palette (#E8E9F0, #BDB7CD, #A088A4, #402B74, #010106)
• Dusty Harbor color palette (#DCDDE9, #9A98A3, #756C81, #3B0067, #070715)
• Wandering Mulberry color palette (#F0DFDD, #C2B0A6, #A69277, #8E224F, #1E0F0D)
• Dusty Pewter color palette (#F5ECEE, #E4D3D1, #CDB0A3, #885F99, #3B282D)
• Ancient Courtyard color palette (#D8E1F1, #896796, #7D4342, #00363D, #001215)
• Plum Grove color palette (#FDF2F0, #EDDACC, #D2BA94, #C34461, #402E29)

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