Teal Harbor color palette — #F8F6E7 · #90DFAA · #37B5AD · #9C7A7A · #343630
Turquoise and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Lagoon (#90DFAA): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#37B5AD): A luminous, balanced teal — the color of shallow lagoons.
- Mocha (#9C7A7A): A luminous, dusty red — the color of embers at dusk.
- Espresso (#343630): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Veranda color palette (#FDF3E8, #CAD186, #79B07E, #88837C, #37352F)
- Wandering Mint Market color palette (#E6E6D1, #60D2AD, #2BA2AC, #677D54, #1F2E0C)
- Antique Lagoon color palette (#E7FAF5, #8FC39A, #499078, #7C5666, #123D3B)
- Misty Lime Harbor color palette (#F7E9D3, #AAD148, #00B370, #95762A, #273303)
- Patina Lagoon color palette (#F6F7E8, #B0DEB4, #519C72, #7B5F13, #262B0C)
- Tempered Sky color palette (#FEF2EE, #ACEEEF, #54C0E7, #689970, #49304B)
- Misty Jade color palette (#DBFFEC, #7FE697, #3AC183, #2E8558, #002C16)
- Wandering Fern Balcony color palette (#FAF5E9, #E0E2B4, #A9BD96, #A29985, #515100)
Browse the whole catalog at Explore, or see today's palette.