Teal Harbor color palette — #E9F8FB · #A8F7EA · #F5B5DB · #52AC9E · #4C405A

Turquoise and Carnation set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#E9F8FB): a clean, paper-quiet neutral.
• Sea Foam (#A8F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Carnation (#F5B5DB): A whisper-light, balanced pink — the color of peonies in June.
• Turquoise (#52AC9E): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4C405A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged 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

• Hushed Taupe color palette (#EAF9F5, #D9EEBF, #D4C1F3, #8AA564, #414363)
• Softworn Field color palette (#ECF7FF, #CCDDFB, #FBB9AD, #58A4C9, #583B52)
• Softworn Cerulean Market color palette (#ECF7FF, #EAD3D0, #5C8DA7, #304A5B, #121D24)
• Stone Study color palette (#E3FBFB, #D7DEEA, #8BBFB1, #B6AAAD, #3C565E)
• Dusty Stone Loft color palette (#EBF9F0, #C0E4E9, #8FBAA1, #916F7C, #2A4544)
• Muted Alley color palette (#E0FBFF, #94DCCD, #E8A5B8, #CD8C9F, #243D41)
• Timeworn Cypress Atelier color palette (#E1FBFF, #C5D9F5, #7AC2B5, #2C7B73, #00322E)
• Tempered Thicket color palette (#E4F6F8, #7FC3AE, #CF80A0, #2A836C, #392A41)

Browse the whole catalog at Explore, or see today's palette.