Tempered Navy color palette — #DDE4ED · #92A0BA · #717B95 · #003275 · #01040B

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

The five colors

• Frost (#DDE4ED): a clean, paper-quiet neutral.
• Blue Fog (#92A0BA): A luminous, dusty violet — the color of wild irises.
• Slate (#717B95): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#003275): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#01040B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged scandi, muted, light, cool.

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

• Dusty Aubergine Villa color palette (#EDEDFB, #9F9CB9, #7F7697, #462063, #04030D)
• Wandering Navy Villa color palette (#F6EBF6, #B3A4AE, #947484, #00376D, #1C0E1D)
• Patina Denim color palette (#E7EFF8, #C3D0ED, #A3A3C0, #004F8B, #000309)
• Dusty Aubergine Veranda color palette (#E8E8F0, #CCC8DD, #A89EB9, #68437B, #151421)
• Worn Pewter color palette (#DFDAF9, #845EA0, #582957, #371A31, #140400)
• Aged Balcony color palette (#F4F0F8, #E1D4DB, #CAB7BF, #7E6C8F, #2F2A34)
• Lapis Study color palette (#E0E5F4, #1580F7, #5251FF, #53189C, #02000F)
• Smoked Olive Balcony color palette (#D2EDE1, #587300, #1F4000, #002423, #020300)

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