Tempered Alley color palette — #DAE5F1 · #8B8BBB · #7A5F84 · #573600 · #201E00

Cocoa and Slate Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#DAE5F1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#8B8BBB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#7A5F84): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#573600): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#201E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, 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

• Cocoa Villa color palette (#D3E9EC, #5995B6, #546592, #692D10, #2F1500)
• Timeworn Ash Bloom color palette (#F2ECFD, #B383B1, #854F5A, #3D4721, #1B2403)
• Aged Chapel color palette (#DCE3FF, #8D69AE, #6F3C60, #3E3000, #0A1400)
• Aged Chestnut Delta color palette (#E7F9FF, #B0C0FF, #A47194, #675500, #2F2707)
• Timeworn Cocoa color palette (#E3E8FF, #A9A0D2, #897196, #7A4347, #482940)
• Hushed Chestnut Delta color palette (#FBDBEE, #D2ABB3, #A37472, #6C5701, #383C00)
• Wandering Lagoon Drift color palette (#DFE5CE, #39A282, #00635C, #1B422E, #0B1600)
• Blush Field color palette (#FFD6EE, #ED8999, #AD6B49, #52554E, #003837)

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