Tempered Navy color palette — #D7DFED · #A7A6BE · #887796 · #272E72 · #0C1323

Navy and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#D7DFED): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#A7A6BE): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#887796): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#272E72): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0C1323): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Alley color palette (#E5E4EF, #B4A1BD, #96728B, #541560, #141121)
• Ancient Nightshade color palette (#DEE0E9, #B0B3C7, #9291B4, #514199, #101320)
• Wandering Mulberry Meadow color palette (#EFEDF5, #D6C6DA, #B098A6, #6E426C, #2F2B39)
• Indigo Bloom color palette (#E9DCE4, #BAACA9, #BA917F, #6059E2, #1E0D19)
• Softworn Plum color palette (#DAE7FF, #96549C, #733528, #003634, #002321)
• Weathered Pewter Quarry color palette (#F8F3FA, #EAD8D9, #C1CDC1, #816B89, #4A464C)
• Airy Byzantium color palette (#EBEBFE, #0093F4, #882CD1, #890022, #150017)
• Moonless Ultramarine Orchard color palette (#E0F3DF, #0051B7, #55004B, #002003, #0C022A)

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