Tempered Scarlet color palette — #FFF0FB · #FFB1A0 · #09C2EF · #D93B20 · #003442

A conversation between Crimson and Cyan, giving this palette its sense of trust and stability.

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.
• Cyan (#09C2EF): A luminous, balanced blue — the color of open sky before noon.
• Crimson (#D93B20): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Worn Veranda color palette (#FCF1FF, #FFACC1, #09CABE, #D13871, #003733)
• Timeworn Azure Pier color palette (#FFF1F6, #FFBE8A, #2BACF1, #A25800, #002B42)
• Quiet Honey color palette (#EBFAEC, #FFCB68, #93BCFF, #AE811F, #253858)
• Aged Ember color palette (#FFF2EC, #FFAD9C, #BDA5FF, #F85C41, #412773)
• Apricot Lagoon color palette (#FFF1F6, #F78A06, #00A3BE, #934F00, #001C23)
• Tempered Brick color palette (#FFF2EC, #D77264, #0089BD, #AE0904, #00405B)
• Muted Atelier color palette (#FFF2EF, #FFA698, #0095DD, #586CC8, #31162D)
• Frosted Thicket color palette (#FFF2EA, #ECDAB8, #E46600, #7B3800, #280F00)

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