Tempered Workshop color palette — #EBF9F5 · #A0BE71 · #4B98AD · #65648A · #53394A

Sage and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F5): bright and airy, almost weightless.
• Sage (#A0BE71): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#4B98AD): A luminous, balanced blue — the color of deep harbor water.
• Slate (#65648A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#53394A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Marigold Loft color palette (#EFF8F0, #DDA647, #489E89, #5B6693, #4E3A51)
• Dusty Delta color palette (#ECF9F2, #A09B55, #3C779A, #763F58, #4B3A57)
• Aged Petrol Field color palette (#F5F6EC, #B4D8A2, #55ABA3, #2C719E, #433809)
• Ancient Garden color palette (#E9F9FA, #3FCBAB, #788ABF, #895964, #2A4A39)
• Frost Balcony color palette (#D8FFF4, #B9E0DE, #90AFB7, #878796, #544E5D)
• Tempered Seafoam color palette (#C9F9F1, #8EDEA6, #5EB897, #47897E, #34555F)
• Tempered Jade color palette (#E0F8F4, #6FAE61, #415E5F, #2E3B39, #1C2321)
• Patina Orchard color palette (#DBF8FB, #00AF89, #3774B5, #723667, #452000)

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