Tempered Amber Alley color palette — #F0DAE3 · #CD7000 · #60531F · #3E2832 · #080307

A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DAE3): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#CD7000): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#60531F): A full-bodied, dusty green — the color of a quiet forest floor.
• Espresso (#3E2832): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#080307): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Amber 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

• Amber Villa color palette (#D7EADC, #A98700, #495B2F, #1E3626, #0A0205)
• Washed Rose Station color palette (#ECE0E9, #FB2D2E, #6D4656, #392A37, #07030A)
• Shadow Bronze Market color palette (#F4E1CE, #A55D00, #462D00, #211204, #0A0300)
• Mustard Study color palette (#D8EADD, #CDA500, #54786F, #414D45, #1D1619)
• Ancient Olive Summit color palette (#F2EFCF, #776C00, #173C0B, #101F21, #000A04)
• Gentle Pier color palette (#EDDCD5, #E39500, #A48400, #717300, #263200)
• Muted Clover Hollow color palette (#D6F1EE, #00C246, #3A736B, #284845, #061510)
• Timeworn Meadow color palette (#C1EAD2, #DCC330, #6188EA, #958200, #122456)

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