Teal Workshop color palette — #FAF3F7 · #D8D4E3 · #BABDE3 · #6DB2A0 · #48526B

Jade and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D8D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BABDE3): A luminous, dusty violet — the color of a velvet chair.
• Jade (#6DB2A0): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#48526B): A full-bodied, dusty violet — the color of a velvet chair.

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

• Softworn Teal color palette (#E3FBFB, #ABE4C8, #EEB3CD, #69BC97, #554661)
• Wandering Lagoon Chapel color palette (#F9F4EE, #CCE6E4, #8CBDAC, #579294, #5F4A61)
• Weathered Powder color palette (#FFF1F5, #CDE8FF, #9CB2FF, #00A5A6, #473564)
• Aged Stone color palette (#EAFAEF, #C0E2D7, #98C2A6, #AB8696, #384C4B)
• Gentle Pier color palette (#EDDDE3, #87B6D9, #627DD3, #006D6B, #1B0139)
• Softworn Ash Field color palette (#F7F0EC, #C8E3E2, #78A0CB, #3F7768, #42303C)
• Muted Lagoon Orchard color palette (#E0FBFF, #AAECF7, #7CC8BC, #49988E, #00423C)
• Aged Seafoam Lantern color palette (#E0FBFD, #8BDABE, #E7A9BD, #CB938A, #2E4849)

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