Tempered Scarlet color palette — #F9F8CF · #DB7AFF · #D12300 · #004F5D · #310021

Crimson takes the lead with Pink Orchid close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F9F8CF): A whisper-light, dusty green — the color of fresh herbs.
• Pink Orchid (#DB7AFF): A luminous, vivid pink — the color of a candy shop window.
• Crimson (#D12300): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#310021): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro, vibrant.

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

• Tempered Workshop color palette (#F3FBC5, #F86AE2, #B35200, #004D6A, #330215)
• Linen Parlor color palette (#E0FFDF, #B295FF, #D30052, #005154, #28072C)
• Magenta Archive color palette (#E9E9B3, #C829B5, #991500, #00404C, #490F2B)
• Worn Amber Chapel color palette (#FFF5D9, #FF9AC9, #BB7300, #005D93, #461417)
• Washed Ember Terrace color palette (#FCE1AB, #FF7FBA, #FB3C12, #008058, #471421)
• Washed Blush Studio color palette (#FFF4DC, #F66E92, #8A6300, #004076, #290400)
• Dusty Field color palette (#DAFFF0, #7BA9FF, #C200A0, #005342, #1A0D3A)
• Gentle Terrace color palette (#FFF1F5, #CB64FF, #597500, #004560, #001520)

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