Patina Navy color palette — #EAF3FF · #9EBBED · #4877B3 · #003D7E · #020F37

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Sky (#9EBBED): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4877B3): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D7E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#020F37): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Aged Cerulean color palette (#E5F4FF, #8ECBE6, #1B83AC, #004A5F, #001A24)
• Aubergine Station color palette (#EEF1FF, #BBB1E9, #7768AD, #49307F, #180838)
• Cobalt Drift color palette (#FEF0FF, #8FB9F5, #4370BF, #15447F, #112F52)
• Wandering Lagoon color palette (#EFF6FF, #D8D8EE, #799CE2, #255CA5, #0D1C45)
• Washed Cerulean color palette (#E9F3FF, #D8D5E2, #D4B8F0, #38829D, #232F46)
• Nightshade Summit color palette (#E9EEFF, #3E62C6, #1A15A7, #060038, #00000B)
• Softworn Orchard color palette (#EDF1FE, #C7B081, #524D7F, #262048, #080B1A)
• Grape Grove color palette (#F0F1F9, #BCA7E2, #AA5A57, #744AAC, #150914)

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