Tempered Alley color palette — #F0DAE1 · #A8976C · #8B5716 · #602D1A · #001E13

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F0DAE1): A whisper-light, dusty rose — the color of pressed rose petals.
• Taupe (#A8976C): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#8B5716): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#602D1A): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Atelier color palette (#FFDEE8, #B98E47, #875817, #5D3B1E, #223627)
• Driftwood Workshop color palette (#DBF1DF, #8D8A40, #6C5000, #4C2600, #00120E)
• Washed Bronze color palette (#E6F7EA, #ADB07D, #8A7231, #68421C, #0B2823)
• Amber Study color palette (#FFE6F5, #CA7606, #9B3500, #6A001F, #1A1000)
• Patina Cabin color palette (#FFF3E6, #E5C18B, #B67C33, #764E2B, #2A1F0C)
• Dusty Driftwood color palette (#FDEDF4, #A8C4A6, #A3785E, #6A4D66, #203126)
• Moonless Corridor color palette (#DFEFE6, #576A1D, #3E3600, #241400, #000200)
• Soft Terracotta color palette (#DDEAFF, #4E6FCA, #AA3B00, #394C00, #040F25)

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