Patina Teal Harbor color palette — #ECF8F4 · #A5B374 · #4BADB0 · #4C81A0 · #2F423B
Turquoise and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Sage (#A5B374): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#4BADB0): A luminous, balanced teal — the color of glacier melt.
- Slate (#4C81A0): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#2F423B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Patina Teal 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
- Jade Quarry color palette (#EEF9ED, #CDA26A, #6CAD7E, #478784, #364036)
- Patina Cabin color palette (#E3FBF9, #5EB473, #3D9AC9, #536EA1, #1A3937)
- Patina Moss Archive color palette (#D9F7EA, #929700, #009393, #944636, #0F2D22)
- Antique Ridge color palette (#F1F7F3, #D1DDDD, #A6B9C3, #7FA68E, #4C554F)
- Amber Quarry color palette (#FFF1F6, #CB792E, #5783AF, #426282, #48383F)
- Olive Field color palette (#DCFFEB, #D2D89A, #8FA460, #5B8343, #2D572E)
- Weathered Cocoa color palette (#FFF3E7, #E8B78E, #86C1D2, #8B98C0, #593300)
- Shell Courtyard color palette (#FCF1FA, #FBAC9E, #A2AADF, #767EB0, #3C2B38)
Browse the whole catalog at Explore, or see today's palette.