Tempered Alley color palette — #EAF9F4 · #8ECBFF · #8385D7 · #4086BE · #2D1F28

Lavender Blue takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sky (#8ECBFF): A luminous, balanced blue — the color of deep harbor water.
• Lavender Blue (#8385D7): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#4086BE): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2D1F28): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Alley 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

• Tempered Hollow color palette (#EEF8F1, #2CDBF7, #5F93CC, #0C90A4, #2A202B)
• Weathered Ridge color palette (#FAF2F7, #C6CDFF, #B589BD, #8087C1, #38292C)
• Hushed Coast color palette (#EDF8F3, #7AB7DA, #6D63A8, #006890, #2E1F27)
• Azure Veranda color palette (#F0F6FB, #A5DEFF, #AEA1F0, #08AFEF, #1F2335)
• Hushed Aubergine Market color palette (#F1F5FF, #B4BFFF, #8D84CD, #705B9F, #4E2B6A)
• Worn Lilac Archive color palette (#FFF2ED, #9FA9FE, #8E7AB3, #8D4E56, #4D3443)
• Tempered Villa color palette (#EEF8F1, #B6F1FF, #CC84A8, #009AB3, #1F0C0C)
• Muted Ash color palette (#F9F3F9, #E6D7D9, #CEBBBD, #7890B6, #4C454B)

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