Teal Harbor color palette — #E5E7D2 · #60B898 · #008281 · #7F4230 · #222D13

Jade and Teal set the tone — five colors that lean into balance and grounding.

The five colors

• Parchment (#E5E7D2): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#60B898): A luminous, balanced teal — the color of glacier melt.
• Teal (#008281): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#7F4230): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#222D13): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Balance, Grounding. Tagged botanical, earthy, 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

• Pale Thicket color palette (#EAE5CF, #80B578, #008664, #575A19, #292B0F)
• Dusty Canyon color palette (#E4FBF7, #8FCAAD, #00897A, #6B4915, #001E12)
• Pine Terrace color palette (#EBE4D6, #9EAC73, #32853F, #7B3E5D, #2F2901)
• Weathered Archive color palette (#D3EBE5, #7ACDB0, #00A4AF, #946574, #003124)
• Aged Olive color palette (#FDF4E9, #BDB77D, #6D8C49, #845919, #38352E)
• Pine Summit color palette (#EEE5D7, #909953, #267316, #584100, #1A1D00)
• Washed Emerald color palette (#CFEBE8, #23A46D, #00644C, #404107, #003030)
• Misty Moss Basin color palette (#FFF3E4, #C4BE79, #639900, #267868, #403C09)

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