Tempered Navy color palette — #E9DFE8 · #AD9AA2 · #927275 · #00307A · #0A010A

Navy and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#E9DFE8): bright and airy, almost weightless.
• Taupe (#AD9AA2): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#927275): A full-bodied, dusty red — the color of a theater curtain.
• Navy (#00307A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0A010A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Abyss color palette (#DAE4DF, #A79CA5, #976E7E, #003C4F, #000603)
• Dusty Orchard color palette (#F8ECF1, #98898B, #84615A, #31006F, #040002)
• Denim Field color palette (#E7ECF4, #AFB3C9, #AF86A8, #004FA4, #0C141F)
• Softworn Bloom color palette (#EAEEF5, #C9CFE2, #A1A2C6, #1A3AB8, #00020D)
• Tempered Ridge color palette (#F8EDED, #BFAFAB, #A08875, #711162, #150507)
• Ancient Ultramarine Drift color palette (#F9EEF6, #E1CED4, #C7A09F, #3643CF, #261222)
• Softworn Mulberry color palette (#F7EFF1, #DCD4CE, #C7B2A6, #864A89, #281D1F)
• Cobalt Field color palette (#F6F0F3, #DED5D2, #B5B0A3, #7A7CB5, #3B3438)

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