Teal Harbor color palette — #DFEFE2 · #31C39D · #009699 · #00667A · #0E426A
Jade takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DFEFE2): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#31C39D): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#009699): A luminous, balanced teal — the color of glacier melt.
- Peacock (#00667A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0E426A): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Quiet Harbor color palette (#DFFFE1, #54DAB4, #009DA2, #006D87, #003350)
- Misty Emerald Parlor color palette (#DDE3C3, #77C278, #00A173, #006B68, #004450)
- Denim Veranda color palette (#CEFAEE, #10BCC5, #008BC0, #155EA4, #2B315B)
- Timeworn Cerulean Study color palette (#E7F9FF, #54CCE5, #008EB0, #00566A, #002A36)
- Faded Onyx color palette (#C8F3E7, #008790, #00587C, #002F5C, #0A0041)
- Airy Courtyard color palette (#E3F4E0, #3FBEB5, #D87751, #00837C, #58230E)
- Mallow Coast color palette (#E3FEE3, #C6E4FF, #D0B8F3, #5B8E6B, #2B4D3B)
- Antique Ultramarine Garden color palette (#DDF4F2, #00B6D6, #0081CB, #0040D2, #31147B)
Browse the whole catalog at Explore, or see today's palette.