Tempered Studio color palette — #F9E2EA · #C97B00 · #757800 · #006139 · #001517
Mustard takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#F9E2EA): A whisper-light, dusty rose — the color of a warm blush.
- Mustard (#C97B00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#757800): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006139): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#001517): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Wandering Olive color palette (#E2EFE3, #BB8400, #548200, #005F53, #270300)
- Airy Ember color palette (#ECDBE8, #E46049, #946A00, #3A5D00, #001612)
- Frosted Pine color palette (#DEF6E7, #968000, #137915, #004F4A, #000910)
- Cypress Balcony color palette (#FED7E3, #89AF91, #898550, #1B755E, #00312F)
- Washed Amber color palette (#F7D9C7, #DB7C09, #A86500, #7E5200, #291A00)
- Patina Orchard color palette (#DAF2EC, #70A12F, #008670, #005A71, #040045)
- Feathered Villa color palette (#D2F0E2, #AFB000, #00A466, #007580, #00234B)
- Wandering Scarlet Lagoon color palette (#EADEE9, #C43E49, #6B4D00, #003947, #280013)
Browse the whole catalog at Explore, or see today's palette.