Softworn Teal Harbor color palette — #E0FFDF · #9DEEF1 · #40B7AB · #007580 · #003A49

A conversation between Turquoise and Teal, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E0FFDF): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#9DEEF1): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#40B7AB): A luminous, balanced teal — the color of sea glass.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003A49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Softworn 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

• Ancient Lagoon color palette (#CFFDD3, #48C19A, #00897E, #005B61, #1E3B5C)
• Wandering Petrol color palette (#E0FBFF, #D1DDEA, #67BDD3, #0A7CAB, #0A3873)
• Airy Aqua color palette (#DAFFEF, #00D8CD, #008D9C, #004F65, #00182A)
• Pale Alley color palette (#DCFFEB, #D9E8B0, #7AB36B, #007A46, #004032)
• Timeworn Teal Orchard color palette (#D3E7DB, #00A78C, #005858, #00242A, #000103)
• Hushed Alley color palette (#F6F4C5, #B1E0A5, #0ECCBA, #0093AB, #093B78)
• Worn Mulberry Balcony color palette (#EBFAED, #95DFB8, #24A4AC, #8C4485, #12383C)
• Cerulean Grove color palette (#D3E9E8, #008896, #00455F, #000C1C, #00000C)

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