Patina Navy Terrace color palette — #E8EEF8 · #B5B7CC · #9487A9 · #204181 · #16202D

A conversation between Navy and Heather, giving this palette its sense of sophistication.

The five colors

• Frost (#E8EEF8): bright and airy, almost weightless.
• Ash (#B5B7CC): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9487A9): A luminous, dusty violet — the color of wild irises.
• Navy (#204181): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#16202D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Patina Navy Terrace 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

• Tempered Navy color palette (#EFE8ED, #C1ADB6, #A4838D, #313D7B, #130510)
• Denim Delta color palette (#EBF0F7, #BEC3D9, #A2A0C3, #4D5C99, #1A1F29)
• Muted Mulberry color palette (#F0EDF5, #D4C7D4, #B696A4, #81326A, #302B37)
• Wandering Grape Canyon color palette (#F3F4FF, #D6CDE8, #CB979B, #6A30BA, #2F3143)
• Tempered Mulberry color palette (#C8E3F2, #8980B0, #823F59, #003E2F, #002527)
• Cobalt Harbor color palette (#F2F5FB, #E0D9E2, #CDBAC5, #6670A6, #434851)
• Weathered Aubergine Field color palette (#E3E2EA, #A095A7, #83667B, #460055, #090715)
• Antique Market color palette (#E7DEE5, #D0BAB8, #B99F96, #5E7AD3, #291926)

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