Tempered Workshop color palette — #F4F7EB · #CDF797 · #DFE1C8 · #77DDFC · #44463F
Built around Butter, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Butter (#CDF797): A whisper-light, balanced green — the color of new leaves after rain.
- Celadon Mist (#DFE1C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#77DDFC): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#44463F): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, 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
- Seafoam Station color palette (#EEF9EA, #E4FFB7, #82FFF0, #BACAFF, #344C3A)
- Straw Chapel color palette (#FBF4E8, #FFDF93, #EAD9CE, #8AD5B7, #4D4B44)
- Muted Meadow color palette (#F3F7EC, #A9E5C5, #FFAFA7, #6DBB95, #534B48)
- Chalky Seafoam Harbor color palette (#EEF9E8, #E8EB71, #0AF0C7, #8CB6FF, #003B48)
- Dusty Cocoa color palette (#FFF3E4, #CEE0CA, #A1C9BC, #AD9086, #7D3E26)
- Weathered Powder color palette (#F9F4EF, #C3E0F0, #AAC7FF, #76AFA8, #624A57)
- Hazy Wisteria color palette (#E0FEEB, #5FFDB1, #5BD4FF, #C481FE, #002A4D)
- Antique Teal Alley color palette (#E2F7F3, #FFE8AE, #AADAA2, #4DB2B0, #0F3132)
Browse the whole catalog at Explore, or see today's palette.