Tempered Alley color palette — #FFEDE8 · #FFA6AE · #BB9600 · #FE2760 · #181100
A conversation between Scarlet and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
- Ballet Pink (#FFA6AE): A luminous, balanced red — the color of a theater curtain.
- Mustard (#BB9600): A luminous, balanced green — the color of new leaves after rain.
- Scarlet (#FE2760): A luminous, vivid red — the color of embers at dusk.
- Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged duotone, vibrant.
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
- Washed Ember color palette (#FFEEE3, #FFAB84, #AD9C00, #E36100, #151200)
- Peony Archive color palette (#FFEDEB, #FFA2C5, #ED7300, #FC0293, #210A00)
- Moss Studio color palette (#F5E9DE, #F1AA73, #39B035, #C96C00, #0D0F00)
- Magenta Cabin color palette (#FFECEF, #FB98FD, #F76900, #E200EC, #230800)
- Soft Apricot color palette (#F8E2B6, #FF8D5F, #B68400, #00798B, #411E00)
- Coral Corridor color palette (#FBF3F1, #FFD1CD, #D9B067, #EC8C85, #312D27)
- Tempered Amber Station color palette (#FCE3DE, #FF9D6C, #D38300, #8B6600, #2F2A00)
- Blush Summit color palette (#FFEDEC, #FF6FBF, #36A330, #9D0069, #011701)
Browse the whole catalog at Explore, or see today's palette.