Patina Harbor color palette — #F2F5FF · #9E96D5 · #9B8A23 · #6751B3 · #4C4307
A conversation between Iris and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Mauve (#9E96D5): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#9B8A23): A luminous, balanced green — the color of new leaves after rain.
- Iris (#6751B3): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#4C4307): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Softworn Ultramarine Drift color palette (#EFF6FF, #81A1CF, #B27D39, #1462C3, #5E3900)
- Dusty Cabin color palette (#F5F3FF, #B98EBF, #6F9846, #9336A1, #354A22)
- Olive Terrace color palette (#F3F4FF, #8F7CB8, #867E1D, #59740C, #323552)
- Lapis Balcony color palette (#FFEBF6, #9F9BDE, #00A399, #6057A8, #002F2B)
- Coral Drift color palette (#F3F4FF, #C0A8F6, #F27F63, #8970BC, #613429)
- Orchid Boulevard color palette (#E2E1FF, #BD65EE, #617C00, #600086, #273300)
- Mulberry Thicket color palette (#F8F2FF, #DE7EB5, #009752, #8B0063, #004724)
- Aged Mustard Lantern color palette (#FFF0F8, #C6C5FF, #C0C46B, #9896D6, #44423B)
Browse the whole catalog at Explore, or see today's palette.