Teal Workshop color palette — #FAF3F7 · #D2D6EA · #ACC2E3 · #7DB08F · #405566

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D2D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#ACC2E3): A luminous, dusty blue — the color of open sky before noon.
• Jade (#7DB08F): A luminous, dusty teal — the color of glacier melt.
• Peacock (#405566): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Aged Terrace color palette (#EFF6FF, #A4C9FF, #E0B581, #9DAD7E, #354456)
• Lagoon Alley color palette (#F6F6EE, #CAE5DC, #82BDC0, #5A9385, #3A5140)
• Timeworn Powder Alley color palette (#E9F8FF, #A5E1FF, #8BC0F4, #8299C7, #4B526F)
• Powder Atelier color palette (#FEF1F6, #C3E5FF, #84B4F4, #269EA1, #32365E)
• Weathered Cerulean Harbor color palette (#E9DAE5, #6DBFCA, #008FBB, #006F57, #00142B)
• Stone Station color palette (#FEF0F9, #F4CDDC, #D0A8C1, #A089A1, #3A4D3E)
• Timeworn Turquoise color palette (#F7F0ED, #C7E7DC, #64A8B6, #4C765A, #1F3D32)
• Feathered Iris color palette (#F9ECF0, #A3C4E3, #6C8DE6, #007B89, #201249)

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