Tempered Navy color palette — #F5EDF4 · #99888F · #806264 · #002461 · #030003

Midnight and Pewter set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EDF4): a clean, paper-quiet neutral.
• Heather (#99888F): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#806264): A full-bodied, dusty red — the color of embers at dusk.
• Midnight (#002461): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030003): 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

• Aubergine Pier color palette (#F3E3E8, #9A8988, #98573D, #3A1056, #040001)
• Wandering Terrace color palette (#E7EDE8, #7B948D, #7C6270, #003037, #000201)
• Timeworn Navy color palette (#DBE0E7, #B6BAC8, #8F8FA8, #203579, #000106)
• Aubergine Quarry color palette (#F0E2E6, #C4ADAD, #A1877E, #522F76, #15050C)
• Weathered Bloom color palette (#FFEDEE, #E8CDC5, #C7A388, #863978, #271316)
• Denim Cabin color palette (#E2F2FD, #565383, #55293C, #00230E, #000301)
• Pewter Terrace color palette (#F8EFF1, #E1D6CF, #C4BCAF, #876696, #33292B)
• Airy Lapis Orchard color palette (#F8EAF2, #008DA7, #5841CC, #6F0036, #020006)

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