Tempered Scarlet color palette — #F8DFF6 · #CE2D3C · #007974 · #22597A · #2A0003

Crimson and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8DFF6): A whisper-light, dusty pink — the color of neon signs at night.
• Crimson (#CE2D3C): A full-bodied, vivid orange — the color of toasted spice.
• Teal (#007974): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#22597A): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#2A0003): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Gentle Cabin color palette (#FFD5D8, #E10052, #007C74, #00606C, #060001)
• Aged Terracotta color palette (#F3DACE, #A54500, #006771, #005170, #120300)
• Peony Study color palette (#EEE2F6, #D35192, #006758, #006934, #270015)
• Chalky Loft color palette (#DDEDDF, #986B00, #00768A, #1734E5, #1A0F00)
• Softworn Brick color palette (#F9DFD5, #AB001F, #604B00, #5F0076, #290103)
• Timeworn Basin color palette (#F2E3D1, #CC851C, #00948C, #0061C5, #351E00)
• Airy Navy Lantern color palette (#F5DFC2, #774E00, #004F88, #00348D, #030100)
• Airy Field color palette (#FFDDDB, #FC2C3D, #A07E00, #9953AE, #2A0003)

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