Tempered Scarlet color palette — #CDE3F7 · #00ABAE · #E70D12 · #120701 · #030000

Crimson and Turquoise set the tone — five colors that lean into energy and balance.

The five colors

• Frost (#CDE3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00ABAE): A luminous, balanced teal — the color of glacier melt.
• Crimson (#E70D12): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#120701): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Gentle Pier color palette (#C5EDDE, #03B7EA, #D50053, #130603, #040000)
• Hazy Summit color palette (#DAE7FB, #009B6C, #B43D00, #140900, #060004)
• Worn Amber Veranda color palette (#EBEDFF, #00A9BA, #C46C00, #100C03, #020100)
• Hushed Lantern color palette (#E5ECFF, #0077A9, #B8001D, #130500, #030003)
• Amber Market color palette (#F6E0EB, #8C9700, #C56C00, #3F2105, #080003)
• Magenta Dune color palette (#DBF8DF, #00BAD5, #C200B0, #170308, #040001)
• Hushed Loft color palette (#F6E6DC, #E26100, #005C40, #642600, #000201)
• Cocoa Loft color palette (#F3EDE5, #D5D0C0, #A7A989, #674600, #050200)

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