Tempered Amber color palette — #FEDDC9 · #CB7E2E · #825100 · #513400 · #272900

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

The five colors

• Shell Pink (#FEDDC9): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CB7E2E): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#825100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#513400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#272900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Amber 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 Harbor color palette (#E9DEC1, #AA8C0B, #655B00, #403D00, #092F10)
• Patina Field color palette (#FADED8, #EF6F2B, #A06300, #634D00, #333300)
• Gentle Basin color palette (#FFE9E4, #C65700, #774600, #463300, #151300)
• Chalky Terracotta color palette (#FFE0DD, #D66B5E, #A93000, #632200, #451B00)
• Wandering Olive color palette (#F0EEDD, #756E00, #404400, #1E2400, #001208)
• Worn Plum color palette (#D0E5CF, #AA7101, #9F3E8D, #644100, #48053E)
• Worn Mulberry Meadow color palette (#D5E5D4, #945E00, #307000, #900041, #2E1A00)
• Airy Bronze color palette (#FAE8BD, #C1AD66, #887B00, #5F5E00, #27502F)

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