Tempered Alley color palette — #CBE3ED · #97AAC1 · #796D98 · #4C4A13 · #00331B

Deep Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#CBE3ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#97AAC1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#796D98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#4C4A13): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#00331B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Abyss Veranda color palette (#DFF0FF, #929FC0, #7D7493, #195148, #002F31)
• Tempered Courtyard color palette (#DAF2E6, #ADB7E1, #9F80A4, #7B7025, #4E4C00)
• Softworn Boulevard color palette (#D6DFF4, #B1A8DB, #916FA3, #644E65, #57353B)
• Dusty Driftwood Boulevard color palette (#E6DAFF, #BAABCE, #AB6B63, #005D5E, #00394B)
• Worn Denim color palette (#DCEBF3, #5F7E98, #534A72, #373300, #001B09)
• Worn Balcony color palette (#E9F3FF, #C5C9DF, #9B90A7, #4D706E, #254955)
• Washed Balcony color palette (#F9EEF3, #AECCE3, #587CB5, #005B5F, #1C1B3E)
• Wandering Chestnut color palette (#FFF1F6, #F4C4CF, #B58B8D, #915741, #5A3100)

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