Tempered Scarlet color palette — #FFE4ED · #F46A89 · #CC1927 · #882200 · #612900

Crimson and Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE4ED): A whisper-light, dusty rose — the color of a warm blush.
• Rose (#F46A89): A luminous, vivid red — the color of embers at dusk.
• Crimson (#CC1927): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#882200): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#612900): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Tempered Scarlet 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

• Sunlit Coral color palette (#EFDCE2, #FFA1AD, #FF5D60, #D13D00, #632900)
• Quiet Terracotta Cabin color palette (#FFE5E8, #D05C5A, #A72D00, #682C00, #372B00)
• Muted Plum Balcony color palette (#F1D6F2, #DB68C0, #B82472, #97003F, #651F28)
• Timeworn Apricot Market color palette (#FFF2EC, #FE8E50, #A24300, #612000, #3E1600)
• Wandering Tangerine color palette (#FFE8E4, #F16E31, #A85700, #6B4200, #383A00)
• Airy Brick color palette (#FFF2EC, #E56753, #008DA7, #AC1400, #00424F)
• Scarlet Corridor color palette (#FFE5DC, #DB4400, #008854, #4E4EBD, #511F0F)
• Patina Mustard color palette (#FFF2EC, #FFD7BA, #CFB247, #A9555E, #4F4843)

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