Teal Workshop color palette — #FDF3EC · #C0EDED · #9FC1E7 · #5AA7A6 · #5B3C53

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Honeydew (#C0EDED): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9FC1E7): A luminous, dusty blue — the color of deep harbor water.
• Turquoise (#5AA7A6): A luminous, dusty teal — the color of glacier melt.
• Cocoa (#5B3C53): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Tempered Powder Station color palette (#FBF4EC, #C3EADF, #93AFF9, #2C9BAD, #3A345A)
• Teal Meadow color palette (#FEF3ED, #C2EDE3, #7BCAE5, #5FAA88, #2B5046)
• Marigold Garden color palette (#FFF3E7, #EFAF6E, #76BEE5, #9494E0, #3C3731)
• Weathered Parlor color palette (#FFF2EB, #9FE9E7, #00BEDE, #009D60, #003752)
• Timeworn Azure color palette (#F7EFF3, #BDE2FC, #5791D2, #006C6C, #222C41)
• Muted Cobalt color palette (#FAECE4, #5BAEC1, #007DB1, #005F51, #00081E)
• Airy Amber color palette (#FFF3E8, #FEBB8D, #6ACAFC, #DB8748, #18485F)
• Cerulean Harbor color palette (#EEE0DA, #8DCDCF, #00A2C5, #008158, #002238)

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