Teal Workshop color palette — #F9F3F7 · #D4D6E7 · #AEC1E6 · #6DB392 · #3C556C

Jade takes the lead with Sky close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D4D6E7): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#AEC1E6): A luminous, dusty violet — the color of twilight just after sunset.
• Jade (#6DB392): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3C556C): A full-bodied, dusty blue — the color of open sky before noon.

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

• Antique Glacier Atelier color palette (#EFF7F5, #D4E0EC, #7FDDEA, #5F9F97, #37515E)
• Softworn Basin color palette (#F0F5FF, #B4C5FD, #DBB873, #92B16B, #374258)
• Hushed Veranda color palette (#EFF6FF, #DED9E2, #82C3DE, #B8B0A7, #4B5367)
• Gentle Sky color palette (#FCF2F8, #BBEEFF, #67BFFF, #00A799, #283E6D)
• Cobalt Coast color palette (#E9DEE6, #79BCCC, #008DC7, #006E5F, #001133)
• Weathered Iris Grove color palette (#DDF4FF, #ACE1FF, #8CB8F4, #8592D5, #494D6C)
• Softworn Periwinkle Field color palette (#EFF6FF, #BDD6FF, #DDC48B, #7FA9EE, #37553F)
• Worn Ash color palette (#FEF1F8, #CAE1C7, #D0A9BD, #A686A3, #3A4D40)

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