Patina Harbor color palette — #F1F7F2 · #CFE2F5 · #62A5B3 · #3B7D69 · #3F5665
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#CFE2F5): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#62A5B3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#3B7D69): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#3F5665): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Cypress Bloom color palette (#F6EFF6, #D1D4EF, #7BA2BA, #507558, #283749)
- Ancient Teal color palette (#DEE9E0, #54B0AC, #00636D, #00402E, #00242E)
- Muted Wisteria Lantern color palette (#E8FAF7, #95BC8F, #BB80BE, #518149, #4E4962)
- Aged Driftwood Delta color palette (#E7FAF7, #CAE2F1, #BBB2BE, #809065, #405354)
- Ancient Teal Ridge color palette (#F5F6EE, #CAE8DF, #AED1B5, #73AFA5, #3A5142)
- Timeworn Cerulean color palette (#D7E6DA, #488C96, #004355, #00231E, #000B14)
- Frosted Cobalt Workshop color palette (#ECF9EE, #89DCF5, #008ABE, #006666, #204262)
- Weathered Ridge color palette (#E7F2E9, #84BAD4, #006DAD, #004F56, #182D50)
Browse the whole catalog at Explore, or see today's palette.