Patina Harbor color palette — #FFF1F7 · #D5E0FD · #6691DC · #006B62 · #1F1540
Lavender Blue takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Frost (#D5E0FD): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#6691DC): A luminous, balanced violet — the color of wild irises.
- Pine (#006B62): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#1F1540): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Dusty Azure color palette (#FBF2F9, #BFEEFF, #059FD3, #006E3D, #011B48)
- Hushed Cypress Market color palette (#FCF2F5, #D9D4DE, #91A3DF, #007F7F, #292A4B)
- Chalky Sapphire Station color palette (#F8ECE2, #7BBBDA, #1D63C7, #005148, #2C2554)
- Softworn Lagoon color palette (#ECF7FF, #2FADFD, #A05F00, #6A5A00, #000E1B)
- Forest Grove color palette (#FDF1FD, #99DAD8, #0087A8, #005619, #000D1F)
- Ancient Amber Pier color palette (#EDF7FF, #67C2FF, #C96400, #006A9D, #2A1000)
- Softworn Spruce color palette (#E9DEEB, #62B2AD, #005F73, #032E03, #000104)
- Quiet Alley color palette (#9CFBF0, #00CDD6, #0086B0, #004587, #1C184F)
Browse the whole catalog at Explore, or see today's palette.