Tempered Amber Alley color palette — #FFF4DF · #B58100 · #6C6100 · #005242 · #443300

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B58100): A luminous, balanced gold — the color of old brass.
• Olive (#6C6100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005242): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#443300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Pale Moss color palette (#FFF5D8, #909300, #3D6F00, #004F56, #313B00)
• Ember Boulevard color palette (#FFF3E3, #DB6400, #855400, #0C550A, #502A09)
• Washed Bronze color palette (#EDDCBA, #917300, #4E5100, #003C36, #2B2400)
• Patina Grove color palette (#FFF3E5, #AA7000, #486500, #710257, #5C1000)
• Olive Bloom color palette (#F9F6E4, #95AD74, #44792A, #694A16, #304112)
• Marigold Alley color palette (#FFF3E2, #FFB77A, #E0A300, #8C8100, #423000)
• Hushed Study color palette (#F5EDD8, #696B00, #264700, #002A2E, #141900)
• Airy Grape color palette (#E3FEE3, #EF8A52, #878100, #573FBC, #4C2E00)

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