Tempered Navy color palette — #DCDFE8 · #888BA5 · #6B687E · #211D5F · #000107

Deep Indigo takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#DCDFE8): a clean, paper-quiet neutral.
• Slate Blue (#888BA5): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6B687E): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#211D5F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000107): 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

• Hushed Navy color palette (#F2E7EE, #A8939A, #82696B, #1E1572, #13030F)
• Navy Orchard color palette (#DDE2EA, #B8B8CF, #988CA5, #273670, #000105)
• Aged Alley color palette (#E1DBE8, #AB98B0, #8D7289, #5B1643, #06030A)
• Weathered Denim color palette (#E7E8F3, #CBC9DA, #A89FB5, #5D497C, #14151E)
• Timeworn Pewter Cabin color palette (#F3F0F8, #E3D4DC, #CEB7BF, #8C6784, #2D2B31)
• Velvet Mulberry Alley color palette (#E8E5F9, #793C7D, #512034, #1A1E00, #000401)
• Velvet Fern Veranda color palette (#CAEADF, #196A06, #00331D, #001037, #000201)
• Pale Thicket color palette (#EAEDFC, #3C66FF, #770CD4, #750055, #030005)

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