Teal Harbor color palette — #D6FFFE · #B2E2C2 · #76AC89 · #447A5B · #19462F

Jade and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#D6FFFE): A whisper-light, dusty teal — the color of sea glass.
• Mint (#B2E2C2): A whisper-light, dusty teal — the color of sea glass.
• Jade (#76AC89): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#447A5B): A full-bodied, dusty teal — the color of sea glass.
• Forest (#19462F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged monochrome, 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

• Antique Mint color palette (#F0FADE, #C0EDE8, #6BC391, #427956, #293112)
• Turquoise Veranda color palette (#E7F9FF, #A4E2EA, #61AEB6, #2D7981, #0C4252)
• Taupe Alley color palette (#DFFEEE, #E0DFA9, #A2A063, #737038, #3B3A0C)
• Washed Forest color palette (#DCFDFC, #A0DAD6, #53956F, #0A6231, #10412D)
• Soft Hollow color palette (#A3FAF3, #00C7BC, #00837A, #004B47, #001816)
• Pewter Loft color palette (#ECFAEB, #B6D4B9, #8AA488, #8E6877, #3D4C41)
• Hushed Study color palette (#E6F9FD, #5DBEB2, #889BC6, #847C42, #284247)
• Turquoise Atelier color palette (#C2ECF3, #00AABD, #006D7E, #003840, #000A0D)

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