Teal Harbor color palette — #F9F3F7 · #D4D5E4 · #98D6EE · #60A186 · #3F4F5E
A conversation between Eucalyptus and Powder Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D4D5E4): A whisper-light, dusty violet — the color of a velvet chair.
- Powder Blue (#98D6EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Eucalyptus (#60A186): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#3F4F5E): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cypress Alley color palette (#F9F4EE, #CBE5DE, #7EA48C, #397C6D, #305345)
- Washed Olive color palette (#F8F0ED, #CBE3DD, #73A4BA, #65732E, #432E43)
- Tempered Boulevard color palette (#EADCE6, #63AFBE, #005C7F, #002C23, #000105)
- Patina Sky Station color palette (#FFF0F9, #D4D5E3, #56B7FF, #00897F, #1F3262)
- Stone Harbor color palette (#F6F3FF, #E7D6DE, #C2B5D9, #B5B4A9, #574E5D)
- Cerulean Archive color palette (#FFF0FA, #81DEDE, #0088A2, #005434, #000E1A)
- Tempered Studio color palette (#F6F3FF, #F1B3F1, #98CB8E, #72B295, #3A3548)
- Weathered Stone color palette (#FFF0F9, #EDD3D0, #D7A08A, #8D6E8D, #364339)
Browse the whole catalog at Explore, or see today's palette.