Tempered Alley color palette — #F4F6EF · #C3DEEE · #B6BDE7 · #6EACC4 · #5E4B5F

A conversation between Cyan and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Powder Blue (#C3DEEE): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#B6BDE7): A luminous, dusty violet — the color of twilight just after sunset.
• Cyan (#6EACC4): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5E4B5F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Softworn Terrace color palette (#FFF1F5, #E4D7D2, #D9ACBD, #A0B1A0, #5F4B4F)
• Hushed Drift color palette (#F4F6EF, #C8E8E7, #A3D3C0, #71ADB9, #355149)
• Powder Canyon color palette (#FFF0F9, #D4CFFF, #BAA8E8, #9F88BF, #654550)
• Ancient Chapel color palette (#EBF4F3, #D4D9ED, #70A1D0, #407387, #293749)
• Lilac Station color palette (#FFF1F7, #D8CCFF, #7CD9DD, #AC9DDD, #3B553E)
• Hushed Sapphire Veranda color palette (#DDE1D5, #82A4C8, #2F70D4, #00577E, #01002F)
• Hushed Station color palette (#E5E8DC, #8AC9EC, #449AD4, #007993, #00203E)
• Cerulean Pier color palette (#E3E4CE, #63C2C2, #00949F, #006E62, #00181C)

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