Tempered Alley color palette — #F9F4EE · #FFE1AC · #9AA65C · #B0800D · #161202

Mustard takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Peach Cream (#FFE1AC): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#9AA65C): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#B0800D): A luminous, balanced gold — the color of honey in a jar.
• Ink (#161202): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Ancient Amber color palette (#FDF3EE, #EED7BF, #CA923B, #C0725A, #1C0F01)
• Tempered Moss Veranda color palette (#F8F5EA, #E1EF9E, #4DB583, #859323, #0F1506)
• Dusty Amber Study color palette (#F3E9D5, #AA8A00, #435600, #493A00, #010100)
• Muted Olive Cabin color palette (#F0F7F1, #C9AA6D, #6C7700, #7A5900, #182822)
• Muted Oat color palette (#FCF5E1, #CDD288, #7A9F61, #236F77, #33322B)
• Hazy Corridor color palette (#FBF4ED, #FFC99D, #4DC4B4, #EB8300, #1B2816)
• Fern Corridor color palette (#FEF8BC, #B3EDB5, #8FAA61, #43712F, #003B0D)
• Hushed Terrace color palette (#F9EEF3, #E4A373, #00896F, #974E00, #001214)

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