Patina Pier color palette — #FFF1F5 · #BFA4CF · #91A06B · #895DA3 · #584E00
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mauve (#BFA4CF): A luminous, dusty violet — the color of a velvet chair.
- Moss (#91A06B): A luminous, dusty green — the color of new leaves after rain.
- Slate (#895DA3): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#584E00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Patina Pier 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
- Indigo Pier color palette (#FFF0FA, #A7ACD8, #AD974F, #6366C3, #504D46)
- Tempered Plum Coast color palette (#FFF2F0, #D3A29C, #58AA97, #AD4C73, #405434)
- Worn Pine color palette (#FFF1F2, #B685AE, #948B4F, #228B5A, #57393D)
- Washed Pier color palette (#FFF1F5, #D3B6EE, #2EC6DA, #9C7BBB, #3A5442)
- Ancient Turquoise Coast color palette (#F0F1FD, #BDA8DD, #01B0BF, #7C639F, #163640)
- Hushed Pewter color palette (#FFF2F2, #C8C19C, #784F68, #4F2E2F, #2D231D)
- Hushed Bronze color palette (#F9F5EB, #BDB9A0, #9A7C36, #7F5314, #494C00)
- Driftwood Veranda color palette (#FFF1F5, #E4D9D3, #DBC3A1, #7D85AF, #664D51)
Browse the whole catalog at Explore, or see today's palette.