Teal Harbor color palette — #FFF2EA · #EDA689 · #B1A563 · #21A690 · #38312D
Turquoise takes the lead with Melon close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Melon (#EDA689): A luminous, balanced orange — the color of autumn markets.
- Sage (#B1A563): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#21A690): A luminous, balanced teal — the color of shallow lagoons.
- Espresso (#38312D): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns 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
- Weathered Emerald Parlor color palette (#FFF1F4, #D7A5DF, #DF9988, #47A66B, #442B30)
- Patina Turquoise Alley color palette (#FCF4E9, #DEBC90, #9FB285, #4BA8BC, #553500)
- Weathered Amber color palette (#FFF2EA, #EC9F7D, #CF8841, #008CA1, #41231A)
- Lagoon Archive color palette (#FBF4E7, #D2BD76, #B59E51, #009279, #582338)
- Wandering Iris Boulevard color palette (#FFF2E9, #E8A986, #8DBD7C, #768BD4, #38312D)
- Blush Loft color palette (#FFF1F1, #EB92C0, #76AF6A, #108383, #341E1D)
- Antique Indigo color palette (#F6EED8, #BFB63C, #30BA85, #6471DC, #302505)
- Feathered Apricot color palette (#FDF4E0, #ECB3D7, #D8925C, #4B86BF, #54332B)
Browse the whole catalog at Explore, or see today's palette.