Tempered Workshop color palette — #DDFFE7 · #FF7A5C · #977A00 · #235C99 · #4D2C13

Salmon takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DDFFE7): A whisper-light, dusty teal — the color of sea glass.
• Salmon (#FF7A5C): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#977A00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#235C99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4D2C13): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Quiet Tangerine Hollow color palette (#DDF7E0, #ED8104, #757F2D, #425288, #1D3721)
• Bronze Loft color palette (#FFF4E2, #FFA67B, #A87F00, #006375, #3E1F00)
• Blush Delta color palette (#FDF8C5, #FF6FA3, #B96400, #006580, #532525)
• Pale Ember color palette (#C5E9CD, #EA6300, #746B00, #29467C, #381825)
• Quiet Navy Coast color palette (#DFFFE5, #D75F73, #785C00, #163B99, #572410)
• Dusty Indigo color palette (#FFF3E5, #FF9FBD, #D99719, #595AEA, #55251F)
• Worn Harbor color palette (#FFF2F0, #E2AE5B, #869B62, #6C6F9D, #494C71)
• Tangerine Pier color palette (#FFF0FA, #FD6232, #008D64, #354CA4, #18276C)

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