Teal Workshop color palette — #FBF3EF · #C4DFE9 · #A3D2C4 · #79AF9B · #604B5A

Sage takes the lead with Pistachio close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C4DFE9): A whisper-light, dusty blue — the color of open sky before noon.
• Pistachio (#A3D2C4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#79AF9B): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#604B5A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: 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

• Jade Station color palette (#F4F7E8, #B6E2BB, #ECB4CC, #7BBA84, #69403F)
• Patina Lagoon Grove color palette (#F1F7F2, #D5DFEF, #90B7D2, #4E9490, #3F5569)
• Weathered Stone Thicket color palette (#F3F7E9, #F6DAF7, #C9E6E0, #CABB93, #455140)
• Softworn Orchard color palette (#FFF5D9, #CCE1AC, #8BC99B, #539D88, #39513B)
• Weathered Ash color palette (#F6F0F4, #D4D2EA, #73A2C6, #467763, #2C3649)
• Emerald Bloom color palette (#FFF2EE, #C7EBCA, #6DBDE0, #539F69, #213B5E)
• Washed Stone color palette (#F2F9E1, #9AD8AD, #EEA6BB, #CB958B, #41433C)
• Antique Cobalt Boulevard color palette (#F0E0D6, #65ABC7, #3E76B9, #005F51, #080029)

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