Tempered Alley color palette — #FBDBD3 · #DF7100 · #966F00 · #5A5200 · #142A00

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

The five colors

• Shell Pink (#FBDBD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#DF7100): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#966F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5A5200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#142A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Amber Terrace color palette (#F8E5DA, #BF7300, #7C5600, #504200, #1D1C00)
• Coral Field color palette (#FEE7ED, #F65E52, #BF4E00, #7B5300, #281F00)
• Fern Boulevard color palette (#FFEBDD, #B69100, #807E00, #207000, #002A1C)
• Hazy Terracotta Pier color palette (#DAEBDC, #A2A54B, #9D7516, #903F02, #001B18)
• Mustard Dune color palette (#EFEED2, #BCAA00, #977E00, #625800, #0C0900)
• Lilac Field color palette (#FFE7EB, #9888FF, #D37D00, #4C2A00, #0E0105)
• Softworn Mustard Lantern color palette (#FFE8DE, #FAB97D, #C7AB4A, #868A39, #2F5330)
• Ember Terrace color palette (#ECDFC1, #BEDA8F, #4DC5C3, #CF6B49, #003121)

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