Teal Workshop color palette — #F7F6E9 · #C8E4CC · #5DB09B · #9C6565 · #353D00

Turquoise and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Celadon Mist (#C8E4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#5DB09B): A luminous, balanced teal — the color of sea glass.
• Mocha (#9C6565): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#353D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Taupe color palette (#FBF4E7, #D1E2C4, #80AA85, #857544, #3A3932)
• Lagoon Studio color palette (#F7F6EA, #B1DDBA, #3F9C88, #5B6B2A, #252B09)
• Mint Station color palette (#E7FAF3, #8DBE8E, #36836C, #645365, #2D4845)
• Ancient Grove color palette (#F4F3E1, #9DBE94, #56815D, #6F4F00, #282915)
• Weathered Basin color palette (#F2F8E2, #8ACD9C, #B19BE8, #C66EAF, #292E14)
• Abyss Market color palette (#F7F7DD, #73B291, #006F68, #274600, #000B04)
• Fern Meadow color palette (#F7F7DF, #C7E8D7, #CDC5D6, #A8A160, #455000)
• Hushed Abyss color palette (#E7DFD2, #75823C, #044A0B, #241A00, #010100)

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