Teal Workshop color palette — #E0FFDE · #9BEDE7 · #58B7A5 · #007A80 · #003641

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

The five colors

• Honeydew (#E0FFDE): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#9BEDE7): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#58B7A5): A luminous, balanced teal — the color of sea glass.
• Teal (#007A80): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003641): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Teal Workshop 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

• Lagoon Lantern color palette (#D9F9D4, #79C49F, #00897A, #005A60, #00424F)
• Patina Hollow color palette (#DDFCFF, #C1E3F3, #71C1D5, #3F7F9E, #113F71)
• Lagoon Cabin color palette (#D8EFDE, #00A181, #00605C, #00242A, #000102)
• Weathered Seafoam color palette (#E7FBEB, #91E0B1, #32A4A6, #7D517D, #14383B)
• Pine Grove color palette (#FFF6D0, #E1E7A3, #8DAE6D, #317844, #003728)
• Lagoon Harbor color palette (#C8F0EA, #008C97, #004458, #001425, #00000C)
• Seafoam Veranda color palette (#DAFFEF, #00DCCC, #00949D, #005567, #00192A)
• Washed Mint color palette (#E4FAFB, #7CCFAA, #6A8AC1, #83455C, #342A00)

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