Tempered Studio color palette — #FFF0F7 · #FFC9D7 · #DD828A · #A6584D · #542F1E

Watermelon and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FFC9D7): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#DD828A): A luminous, balanced red — the color of embers at dusk.
• Brick (#A6584D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#542F1E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, 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

• Washed Studio color palette (#FFDCE9, #E1889F, #C44353, #8A3D2E, #48413D)
• Muted Blush Atelier color palette (#FCF0FF, #F7B8EE, #CD7EB0, #9A506E, #562930)
• Amber Coast color palette (#F1EDFF, #F5B3D5, #F58C95, #CD6839, #674321)
• Weathered Terracotta color palette (#FFF2ED, #E2D8CC, #D68B72, #8F4937, #3F0F02)
• Ancient Corridor color palette (#FFF2EE, #FFD4BD, #CC8F49, #986C1D, #51430D)
• Quiet Basin color palette (#FEF0FC, #FFC3BE, #68CDD2, #CE6561, #053F4D)
• Softworn Rust color palette (#FFF1F2, #FF9F9A, #D64200, #773700, #3F2200)
• Crimson Bloom color palette (#F7D5DE, #DD425E, #900013, #431200, #090200)

Browse the whole catalog at Explore, or see today's palette.