Patina Harbor color palette — #FFF0F8 · #E5D5D5 · #AAA9E8 · #675F9E · #2D284F
A conversation between Slate and Mauve, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Silver (#E5D5D5): a clean, paper-quiet neutral.
- Mauve (#AAA9E8): A luminous, balanced violet — the color of a velvet chair.
- Slate (#675F9E): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#2D284F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Patina 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
- Weathered Pewter color palette (#FFF1F2, #E2D6D1, #D099C3, #935687, #3A1933)
- Hushed Lagoon color palette (#E0FDF2, #DBD7E3, #79B5E0, #1F72A2, #002C45)
- Worn Powder Quarry color palette (#FFF0F9, #E8D4F1, #B3B0FD, #8183B9, #503041)
- Cobalt Cabin color palette (#EDF2FF, #C5C1FF, #7C7BB6, #474169, #141D38)
- Powder Market color palette (#FFF0F8, #E5D6D5, #AEB3A8, #9FAEE3, #604A54)
- Wandering Basalt Boulevard color palette (#F4E9FF, #D6D0C6, #AEA4AB, #563D45, #312629)
- Wandering Aubergine Market color palette (#FDF0FF, #DEA6EC, #A251B1, #620071, #0C0010)
- Dusty Lagoon color palette (#FCF1FA, #ACC2FB, #8DBB9B, #1F958A, #3C2B39)
Browse the whole catalog at Explore, or see today's palette.