Tempered Alley color palette — #E9F2F5 · #99A1B1 · #8586A5 · #007273 · #000B10

Teal takes the lead with Slate Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E9F2F5): bright and airy, almost weightless.
• Blue Fog (#99A1B1): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8586A5): A luminous, dusty violet — the color of wild irises.
• Teal (#007273): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Hollow color palette (#E2F1F0, #96A2AA, #778DAA, #00782F, #000C0B)
• Washed Canyon color palette (#E5EBE6, #99A99F, #6B907E, #004F55, #010D03)
• Cocoa Field color palette (#C6F1F4, #4D939D, #4D6B97, #6D3F00, #0D1000)
• Antique Spruce color palette (#E5EDE5, #7A9587, #756476, #003131, #000200)
• Timeworn Bloom color palette (#E2F3E8, #7E915D, #15753A, #005355, #040700)
• Patina Sapphire Villa color palette (#E3E7EE, #B4ADBD, #AA8FAD, #3269DB, #061428)
• Washed Denim color palette (#F9DEE7, #008C87, #005C9D, #563000, #000406)
• Pale Indigo color palette (#DCEAF3, #00C08D, #009DBC, #5F4FFF, #000205)

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