Teal Harbor color palette — #DDFCFF · #95EEDD · #11C1BA · #008686 · #004348
Turquoise and Teal set the tone — five colors that lean into calm and balance.
The five colors
- Ivory (#DDFCFF): A whisper-light, dusty blue — the color of open sky before noon.
- Sea Foam (#95EEDD): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#11C1BA): A luminous, balanced teal — the color of glacier melt.
- Teal (#008686): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004348): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Balance. Tagged cool.
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
- Weathered Mint Lantern color palette (#ACF3DD, #00CCB1, #008D82, #006866, #335038)
- Pale Turquoise Ridge color palette (#E8F8FF, #8CDFF2, #17ABD1, #00779E, #0B425D)
- Aqua Chapel color palette (#BFFDFF, #00D5E4, #008CA1, #005B6F, #002733)
- Feathered Mallow Ridge color palette (#E6F9FF, #84E7EA, #C1ABFF, #009DA1, #3C2F5C)
- Antique Lantern color palette (#CDECE8, #009492, #005659, #002E33, #000102)
- Teal Quarry color palette (#E8F8FF, #D4DAE6, #BBADB0, #3CB2B0, #304A56)
- Weathered Orchard color palette (#D8FFF4, #C1E6A5, #72B569, #257B35, #245036)
- Moss Hollow color palette (#E3FAFF, #6ACFC6, #74ADF2, #839F1F, #043139)
Browse the whole catalog at Explore, or see today's palette.