Tempered Alley color palette — #F8D6C9 · #A26900 · #685500 · #2B3400 · #031A00

Ochre and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D6C9): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#A26900): A full-bodied, balanced gold — the color of old brass.
• Coffee (#685500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2B3400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#031A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Muted Amber Delta color palette (#F4DCD2, #C27500, #625200, #292C00, #000200)
• Sunlit Courtyard color palette (#FFECD0, #8A8200, #475A00, #004214, #001A11)
• Wandering Hollow color palette (#ECE4D3, #708831, #635100, #4A2600, #001004)
• Washed Corridor color palette (#FFE4E5, #CF4500, #874600, #3E2C00, #191900)
• Hazy Boulevard color palette (#F6EDD5, #85BC7B, #00A6B5, #8B4500, #111F00)
• Timeworn Orchard color palette (#E9E0C0, #7B7E00, #3354DC, #474900, #030040)
• Violet Balcony color palette (#FFE9F0, #8C68FF, #907D00, #141000, #030200)
• Powdered Grape Workshop color palette (#E7E8CF, #6C6A00, #5833CE, #680085, #080800)

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