Tempered Scarlet color palette — #ECF7FF · #56C8FF · #D52922 · #006C93 · #030003

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#56C8FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Crimson (#D52922): A full-bodied, vivid orange — the color of sun-warmed clay.
• Peacock (#006C93): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Rose Boulevard color palette (#EEF6FF, #ABD4FF, #D45E6B, #317ABD, #0C020C)
• Linen Terracotta Cabin color palette (#EFF6FF, #64A2FF, #AA2A00, #0047A3, #040002)
• Pale Raspberry color palette (#E7F9FF, #00D3E3, #BC3899, #00717A, #020006)
• Chalky Balcony color palette (#F0F5FF, #9DB8FF, #C06E1F, #2D47B3, #040002)
• Aged Terrace color palette (#F1F5FD, #DED6F1, #D28C53, #6F87C7, #1B0D14)
• Dusty Amethyst Study color palette (#F2F5FF, #BFBAFF, #9C7900, #6D33F4, #000201)
• Plum Workshop color palette (#DFFFE1, #55A5FF, #994395, #0B4D1A, #09102B)
• Linen Pier color palette (#DEF0EB, #3A8CD9, #8A006B, #004376, #200205)

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