Tempered Studio color palette — #FFF1F7 · #C8E0EC · #ABA9B6 · #CE9695 · #3F5446
A conversation between Rosewood Mist and Charcoal Brown, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Silver (#C8E0EC): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#ABA9B6): soft and architectural.
- Rosewood Mist (#CE9695): A luminous, dusty orange — the color of toasted spice.
- Charcoal Brown (#3F5446): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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
- Tempered Workshop color palette (#FEF0FD, #E8D9D7, #B1D2E9, #C59AC4, #5F4C5A)
- Dusty Pewter color palette (#FFF1F6, #B7D3BF, #B89373, #98665E, #374D46)
- Chestnut Villa color palette (#FFF3E9, #BCEFD7, #95C0D1, #D1ACA4, #674B00)
- Aged Amber Market color palette (#E6FBF0, #BBE9E5, #7FCCE1, #B77B35, #15463D)
- Driftwood Study color palette (#EBF8F8, #7EBA9F, #679DB3, #8F69A2, #284243)
- Tempered Alley color palette (#FFF3E6, #DBE2C8, #9BDCBD, #A3826C, #6A4C00)
- Hushed Driftwood Lagoon color palette (#EEF8F4, #EDC4D1, #7D8255, #295747, #202F29)
- Azure Orchard color palette (#CBEBE5, #79C2B6, #449BDD, #635100, #002316)
Browse the whole catalog at Explore, or see today's palette.