Tempered Alley color palette — #FBF4EB · #D2BD9B · #7C550F · #3C3832 · #26261D

A conversation between Coffee and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Sand (#D2BD9B): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7C550F): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3C3832): a grounded near-black with real depth.
• Onyx (#26261D): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Sand Corridor color palette (#EEF8EF, #F5DBA2, #B49A6E, #5F7361, #272D28)
• Lowlit Market color palette (#F5ECDC, #7A5800, #243032, #1A1300, #030200)
• Wandering Forest color palette (#F3F7E9, #CFA580, #176037, #0D371E, #162118)
• Aged Bronze Corridor color palette (#E4E6D7, #AB6900, #053002, #132123, #010D00)
• Fern Alley color palette (#FFF3E9, #AAAC78, #4C846F, #74486D, #4D4A00)
• Tempered Alley color palette (#FFF4DF, #BCC192, #6C9265, #006854, #005151)
• Dusty Denim Villa color palette (#FAF5E8, #9C9156, #438A9E, #695092, #403D36)
• Weathered Hollow color palette (#F7F5EF, #D6DCD6, #9FAFB5, #828754, #555348)

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