Tempered Studio color palette — #FAF5E9 · #F6E795 · #CEC1FF · #A79B58 · #573D4A
Butter takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Butter (#F6E795): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#CEC1FF): A whisper-light, balanced violet — the color of a velvet chair.
- Moss (#A79B58): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#573D4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Studio 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
- Washed Taupe Atelier color palette (#E8FAF0, #DCD8A2, #F2B3BF, #B3AB5A, #58455D)
- Tempered Corridor color palette (#F3F7EA, #B1F9CC, #EAB9E3, #6EA985, #5C3C40)
- Softworn Powder color palette (#FFF2EA, #EBD9BB, #A3D1FF, #C28C70, #2A4E46)
- Worn Sunflower color palette (#FFF5DB, #DCCE6C, #C9ACE9, #C193A3, #3B3831)
- Cocoa Orchard color palette (#FFEAD7, #DBD2D9, #A5B3AA, #5E3700, #241F1A)
- Patina Driftwood Boulevard color palette (#F2F7EE, #D6D7CB, #739153, #35500F, #191D15)
- Weathered Bronze Courtyard color palette (#FAF5E7, #D0E7C6, #B7B080, #9F6F37, #374600)
- Ancient Olive Alley color palette (#EDF8F3, #8EBCA7, #8D92D2, #79770D, #47496E)
Browse the whole catalog at Explore, or see today's palette.