Patina Navy Harbor color palette — #E6F0FB · #AAB4C3 · #868DA2 · #004775 · #040B14

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#E6F0FB): bright and airy, almost weightless.
• Ash (#AAB4C3): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#868DA2): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004775): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#040B14): 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 Harbor 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 Navy color palette (#E4ECF8, #979FB9, #797992, #1C2E73, #01040C)
• Weathered Denim color palette (#D9E1DE, #C1B4BE, #9E8690, #004971, #0E241E)
• Pewter Lantern color palette (#E9E7F2, #CFC8D8, #AD9DB2, #6B4470, #16141E)
• Denim Basin color palette (#E4F1ED, #CFBECD, #B49CAE, #0063AA, #0C241F)
• Washed Petrol color palette (#EDF2F9, #D8D6E1, #C1B9C8, #5F7795, #262D35)
• Muted Cobalt color palette (#DDE5F6, #786EB3, #6C486F, #432C00, #101500)
• Quiet Sapphire color palette (#E8F1FF, #00AAE4, #2D71FE, #7934A7, #040024)
• Olive Balcony color palette (#E3F0E6, #807D00, #364C00, #002F3F, #000B05)

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