Teal Harbor color palette — #F6F7E7 · #ABD6B9 · #5DB29C · #718D65 · #2F3B00
Built around Turquoise, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F7E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ABD6B9): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#5DB29C): A luminous, balanced teal — the color of shallow lagoons.
- Eucalyptus (#718D65): A luminous, dusty green — the color of a quiet forest floor.
- Forest (#2F3B00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Dusty Meadow color palette (#FCF4E8, #E1D5AE, #A1B487, #6C9D80, #514100)
- Lagoon Corridor color palette (#F8F6E8, #90C2A2, #29928D, #5F6938, #2F3B00)
- Timeworn Jade Lantern color palette (#FDF4E5, #D5C9A4, #90AC63, #988145, #37352F)
- Airy Drift color palette (#F4EBCC, #A8CF80, #46B05D, #008F7D, #203500)
- Lagoon Orchard color palette (#EAF9F3, #ACDEBC, #1F9D96, #426D5E, #0E2D2D)
- Hushed Pine Studio color palette (#E0E3D4, #68BA9B, #009287, #297637, #002116)
- Cypress Station color palette (#E0E0D1, #59996B, #007359, #005358, #000802)
- Ancient Turquoise Harbor color palette (#E2FDEF, #B2E6EE, #C8D1FF, #43B9BF, #14473A)
Browse the whole catalog at Explore, or see today's palette.