Tempered Scarlet color palette — #FFF0FB · #FFB1A0 · #00CD96 · #DB3D23 · #003827

Poppy and Mint Leaf set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FFB1A0): A whisper-light, balanced orange — the color of toasted spice.
• Mint Leaf (#00CD96): A luminous, balanced teal — the color of glacier melt.
• Poppy (#DB3D23): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#003827): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Rust Delta color palette (#FFF0F9, #FFA582, #00BCC6, #C54800, #002E31)
• Timeworn Rose color palette (#FFF2EE, #FFA9B6, #28DDCF, #EC4570, #004540)
• Worn Brick Study color palette (#FFF0FB, #FF7E69, #00A7A1, #B91500, #001D1C)
• Pale Amber Thicket color palette (#FFF1F7, #FFC79E, #50C9FE, #C4722C, #1A3C51)
• Misty Archive color palette (#F7F2FF, #FFA5E2, #9DC106, #CA2EA5, #283400)
• Quiet Amber color palette (#E5FDE5, #D9D48D, #C18400, #91482B, #003029)
• Mulberry Lantern color palette (#FFF2EF, #DD6980, #00918D, #AB0044, #004442)
• Brick Summit color palette (#FFEAFE, #E56E73, #828B00, #A90E2F, #202300)

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