Patina Navy color palette — #E4EEEB · #BAAFBA · #9A8696 · #004775 · #000E0A

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

The five colors

• Cream (#E4EEEB): a clean, paper-quiet neutral.
• Ash (#BAAFBA): soft and architectural.
• Heather (#9A8696): A luminous, dusty pink — the color of a candy shop window.
• Navy (#004775): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000E0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Navy color palette (#EDE5EC, #BBAFB7, #9F8493, #0D35A0, #140512)
• Timeworn Denim color palette (#DBE0E5, #AFBACC, #888CA8, #004A6E, #172029)
• Wandering Denim color palette (#EBF0F5, #BCC5D1, #94A5C4, #0064A5, #172029)
• Wandering Aubergine Lagoon color palette (#EFE6E8, #D4C8C9, #B69D9C, #783382, #211014)
• Antique Aubergine Boulevard color palette (#F2EBED, #9B878D, #816167, #390066, #040002)
• Lapis Delta color palette (#F7EFF4, #E2CDD8, #C59FAE, #4B34D8, #271121)
• Patina Mulberry Cabin color palette (#EEDAE2, #8A709B, #773E71, #58180B, #240E00)
• Antique Fern Pier color palette (#F5EED8, #747F42, #344D00, #00322C, #070900)

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