Teal Harbor color palette — #FBF2F6 · #D8DDF4 · #A9BCEE · #14AEAB · #4B4067
Built around Turquoise, softened by Sky — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Frost (#D8DDF4): A whisper-light, dusty violet — the color of wild irises.
- Sky (#A9BCEE): A luminous, dusty violet — the color of a velvet chair.
- Turquoise (#14AEAB): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#4B4067): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, 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
- Ancient Powder color palette (#F1F7F2, #DCDFEA, #8BBEFF, #418EA0, #333F55)
- Jade Loft color palette (#F9F3F9, #CFE0F0, #80CAE3, #65AB6C, #2F4A66)
- Hushed Iris Orchard color palette (#F9EAEF, #B6D7F7, #8A9CFC, #009094, #372151)
- Teal Parlor color palette (#E5FAFD, #8EDDD0, #FE9DB2, #00B7A4, #60323D)
- Aged Taupe color palette (#E1FBFF, #D7DDE9, #C1AEAE, #9DB57E, #335660)
- Powdered Cobalt Dune color palette (#F2E8ED, #69ABC4, #2275CA, #005F50, #08002A)
- Pale Blush color palette (#E4FAFF, #60D3CE, #FA909F, #DB7D57, #0C3F49)
- Antique Turquoise color palette (#E5F9FF, #9FECEC, #2DC4CC, #00929A, #003638)
Browse the whole catalog at Explore, or see today's palette.