Tempered Alley color palette — #F3F5FD · #DDD8E1 · #B9A8A7 · #7880A1 · #515258

Slate Blue and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Silver (#DDD8E1): a clean, paper-quiet neutral.
• Rosewood Mist (#B9A8A7): a calm mid-gray that lets other colors speak.
• Slate Blue (#7880A1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#515258): a grounded near-black with real depth.

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

• Wandering Bloom color palette (#F4F4FF, #C4B8DF, #9E91A7, #7C6871, #455545)
• Pewter Parlor color palette (#EFEDF8, #CEC9DA, #A69BB1, #6B446F, #2E2B3B)
• Aged Lagoon color palette (#E9F9F7, #97CCCB, #558C8E, #526A77, #3C5251)
• Lilac Veranda color palette (#FFF0FB, #BA96DA, #91678C, #6F4D63, #474558)
• Dusty Aubergine Corridor color palette (#E0E1EE, #9897AB, #726B8B, #380C61, #070814)
• Garnet Coast color palette (#E6DEE8, #B5A2B5, #8E7789, #65112D, #1A0F1C)
• Antique Boulevard color palette (#F1F0FF, #9C5FB5, #3E394D, #282731, #161418)
• Aged Driftwood Alley color palette (#F1F5FD, #DCD8E2, #B8A8AA, #7282A2, #505358)

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