Tempered Workshop color palette — #CDEDFA · #18EEDB · #FFB0A3 · #71556B · #332630

A conversation between Lagoon and Melon, giving this palette its sense of balance.

The five colors

• Frost (#CDEDFA): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#18EEDB): A whisper-light, balanced teal — the color of shallow lagoons.
• Melon (#FFB0A3): A whisper-light, balanced orange — the color of autumn markets.
• Graphite (#71556B): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#332630): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged neon, dark, vibrant, muted.

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

• Muted Chartreuse Archive color palette (#CBE4E8, #8BE991, #FFADB7, #694E6C, #2B222D)
• Timeworn Sand color palette (#DFEAFF, #94DAFF, #FFB385, #6E4A34, #332B2F)
• Seafoam Lantern color palette (#A1FFC5, #00F6F4, #E78BD7, #675D7A, #29272F)
• Taupe Alley color palette (#FDF1F9, #E0D7A1, #C4826F, #8A5242, #2B1C27)
• Gentle Thicket color palette (#DAFFEF, #F7F90E, #FFD2B5, #472B39, #1E1418)
• Timeworn Taupe color palette (#F2F7F1, #D3DDDC, #A9B9C6, #CCA370, #404B3F)
• Soft Mint color palette (#CFE8FA, #00DE87, #FF7E7D, #3D251D, #140D0A)
• Indigo Field color palette (#EAFAEF, #CDB969, #51B78A, #7577C5, #3A2634)

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