Tempered Workshop color palette — #DCFDF9 · #3ACF3F · #00918E · #005684 · #2A2000

Clover and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DCFDF9): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#3ACF3F): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#00918E): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005684): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2A2000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered 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

• Airy Lime color palette (#DAFFF3, #9ABF00, #009472, #005B6B, #341A00)
• Nightshade Drift color palette (#E0FBFF, #00CAB1, #008BB0, #3546A0, #1F2500)
• Emerald Station color palette (#D6FFFA, #00B03D, #007272, #003C60, #110C00)
• Airy Seafoam Grove color palette (#DDFFE7, #1AF4A1, #00B98B, #007A64, #003E37)
• Aubergine Loft color palette (#F5F3DA, #6B9200, #00667B, #540079, #2E0B00)
• Muted Garden color palette (#D6FFF9, #2EAF13, #15472A, #001A17, #000202)
• Feathered Violet color palette (#E0FDF4, #9BCA38, #00ABC1, #8156D3, #600013)
• Seafoam Boulevard color palette (#DFFFE3, #9EF7D0, #64B0A6, #507597, #2F4363)

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