Teal Workshop color palette — #E2F4F0 · #40B1B6 · #00636E · #003E39 · #00242C

Turquoise takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F4F0): bright and airy, almost weightless.
• Turquoise (#40B1B6): A luminous, balanced teal — the color of sea glass.
• Peacock (#00636E): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00242C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Workshop color palette (#D7EEEB, #499BB6, #00516C, #002F35, #001624)
• Weathered Petrol color palette (#DEF4F1, #61C0D8, #007391, #004F54, #003347)
• Quiet Denim Parlor color palette (#DCF6F5, #75A3CF, #0E55A5, #003A53, #0B1C44)
• Forest Veranda color palette (#DAF6F5, #76D3B2, #009A90, #215E1D, #00291C)
• Cerulean Study color palette (#E6FAF7, #91DDE6, #008FA5, #006764, #004759)
• Tempered Emerald color palette (#CBECD6, #00935F, #005131, #002413, #000E05)
• Pine Courtyard color palette (#F4E9F4, #8CCDD2, #109FD1, #008247, #001C4A)
• Worn Petrol color palette (#EDF8F7, #D8DBEC, #7E9CBE, #47758B, #475464)

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