Tempered Studio color palette — #F6E2DE · #FF5585 · #9A9200 · #BE355E · #1E1C00
Rose and Magenta Rose set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F6E2DE): A whisper-light, dusty orange — the color of autumn markets.
- Rose (#FF5585): A luminous, vivid red — the color of embers at dusk.
- Moss (#9A9200): A luminous, balanced green — the color of fresh herbs.
- Magenta Rose (#BE355E): A full-bodied, vivid red — the color of a theater curtain.
- Ink (#1E1C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
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
- Frosted Peony color palette (#FCE7E8, #F251CB, #BE8000, #B33395, #271700)
- Chalky Rose color palette (#FCDCDD, #FC2754, #A77B00, #974DC1, #280207)
- Hazy Moss Atelier color palette (#FCDBC6, #FB6903, #32AA04, #B74A00, #042200)
- Sunlit Rose Basin color palette (#F6E0DB, #F21B62, #008875, #9B003A, #00211B)
- Timeworn Mustard Atelier color palette (#ECDDD7, #FFB198, #DCA939, #B76877, #401610)
- Rose Atelier color palette (#FBE2E2, #FF7E80, #E4414F, #992032, #1A0002)
- Hushed Dune color palette (#FFDFED, #A0A500, #DB7800, #36312C, #0A0300)
- Hushed Amber color palette (#F3DFC6, #C4972A, #A4710F, #7F4D03, #1F1400)
Browse the whole catalog at Explore, or see today's palette.