Patina Navy color palette — #DEE3E9 · #B2B9C5 · #838EA6 · #0E4382 · #16202C

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEE3E9): bright and airy, almost weightless.
• Ash (#B2B9C5): soft and architectural.
• Slate Blue (#838EA6): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#0E4382): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#16202C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Patina 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 Corridor color palette (#E5E6F3, #B8B7C9, #8F8AA3, #562882, #1D1E2B)
• Hushed Denim Harbor color palette (#E1EBE8, #CFBFC9, #B79CA5, #0063A8, #09251F)
• Mulberry Orchard color palette (#EFEDF4, #CFC9D8, #A79BAF, #783A6F, #302A3B)
• Weathered Canyon color palette (#DEDEE8, #9A98A5, #736C82, #3E0D57, #080618)
• Antique Courtyard color palette (#F1F5FC, #DAD8E0, #C2BBCC, #5F73A3, #44484F)
• Patina Garnet color palette (#EFEAFF, #9C79AE, #6E4566, #5F2208, #302300)
• Feathered Indigo color palette (#E8EFFF, #69A4FF, #6969FF, #672CA6, #160E3E)
• Timeworn Study color palette (#D0EEE1, #70833D, #2D5000, #003733, #161E00)

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