Teal Harbor color palette — #FAF3F0 · #C3EAE3 · #7EC9E9 · #41AE8C · #205247
Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Honeydew (#C3EAE3): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#7EC9E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Jade (#41AE8C): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#205247): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Tempered Hollow color palette (#FAF4F0, #C6E7E5, #93C3ED, #25AEA4, #583D54)
- Aqua Station color palette (#FFF2EC, #CBF0CF, #19C9F6, #00AA79, #00436C)
- Weathered Lagoon Delta color palette (#EEF7F6, #CCDEF4, #62B2C3, #008D88, #274D60)
- Ancient Cobalt color palette (#F7EAE3, #76BCCF, #008CCB, #006E61, #001037)
- Airy Sky color palette (#FFF2EA, #F0AC89, #48CBC3, #25B2F0, #3D3632)
- Cerulean Lagoon color palette (#F7EFF5, #B6E5F6, #4099BB, #266C56, #182E43)
- Misty Coral Boulevard color palette (#FFF2ED, #FDB7B1, #67CDEB, #F1716C, #004B5B)
- Indigo Drift color palette (#F3ECE4, #79A5CF, #4D68D9, #005B69, #0C0026)
Browse the whole catalog at Explore, or see today's palette.