Tempered Navy color palette — #EFE2EB · #B2989F · #9A6F6D · #242978 · #0A0108

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

The five colors

• Rose Water (#EFE2EB): bright and airy, almost weightless.
• Taupe (#B2989F): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#9A6F6D): A full-bodied, dusty orange — the color of autumn markets.
• Navy (#242978): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0A0108): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Abyss Orchard color palette (#DEEEE6, #AD99A9, #8E737D, #003C50, #000603)
• Hushed Aubergine color palette (#ECDBDE, #B59894, #A86A45, #54135D, #0C0103)
• Softworn Navy color palette (#E8ECF5, #B2B2C7, #9A8FAD, #454992, #0E1321)
• Softworn Navy color palette (#E8EEFD, #CBCDEA, #A7A1C1, #46408D, #01020B)
• Mulberry Station color palette (#F0E6E7, #DCC6C1, #B2A093, #743E6F, #1D1314)
• Wandering Corridor color palette (#F9EFEE, #DDD7CD, #BFBFAC, #966472, #322A29)
• Timeworn Pewter color palette (#DCEEFE, #835DA2, #732B3E, #00281F, #00100B)
• Aubergine Market color palette (#F6E3E8, #594C00, #4F0076, #1E1909, #140007)

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