Tempered Studio color palette — #F7D8E3 · #FF819E · #EA4558 · #A64131 · #4C1C01

Built around Scarlet, softened by Rose — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7D8E3): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#FF819E): A luminous, balanced red — the color of embers at dusk.
• Scarlet (#EA4558): A luminous, vivid red — the color of a theater curtain.
• Burnt Sienna (#A64131): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4C1C01): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Softworn Ember Summit color palette (#FFE6E9, #FF8077, #E75B25, #A34E00, #432300)
• Linen Peony color palette (#F7E8F2, #FE63BB, #EB4886, #A93F4D, #4E130F)
• Sunlit Crimson color palette (#FFDAF0, #FF8AB4, #D7495A, #752400, #331700)
• Softworn Studio color palette (#FCE5F6, #FA559B, #CE2A3B, #813500, #412800)
• Ember Corridor color palette (#FFD7CA, #FFA785, #EA6B35, #A7441B, #2B0B00)
• Tempered Scarlet Veranda color palette (#FDD4C3, #FF867A, #00B5CB, #D94942, #002F36)
• Linen Pier color palette (#FFEAE2, #FA8523, #BE7900, #896000, #392E00)
• Tangerine Field color palette (#F5DED9, #FF6745, #1BB165, #6E7ED5, #351503)

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