Tempered Alley color palette — #F0F6FC · #DDD9E3 · #C9BBC8 · #56779E · #404952

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#C9BBC8): A luminous, dusty pink — the color of neon signs at night.
• Slate (#56779E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404952): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Timeworn Delta color palette (#F4F4FC, #E2D5DD, #C7B6C4, #7E559C, #3E3E4F)
• Driftwood Canyon color palette (#EBF7FF, #A8B2CA, #887A9B, #4A6B6A, #30525F)
• Pewter Bloom color palette (#FFF1F5, #B5B284, #5E7D55, #5B5474, #2F493C)
• Tempered Orchard color palette (#DEE4F8, #6D63B7, #352E43, #1B1E2A, #0B0C13)
• Garnet Station color palette (#EAE6F0, #C3B3C2, #A18591, #6B2557, #221C2A)
• Wandering Navy color palette (#E3EBF8, #A6A7BC, #857994, #0E2988, #071327)
• Aged Pewter color palette (#E2FCF6, #56A3C1, #755B9A, #385822, #2E3E51)
• Frosted Powder Terrace color palette (#F1F5FF, #71EEFE, #ABADFF, #C36980, #383955)

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