Tempered Amber color palette — #FFF2EA · #EBB473 · #BE8B00 · #655300 · #2F2D00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Cantaloupe (#EBB473): A luminous, balanced gold — the color of old brass.
• Mustard (#BE8B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#655300): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#2F2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Worn Moss Lagoon color palette (#FFF4DD, #DCCC76, #909C00, #486600, #113103)
• Amber Coast color palette (#FFF2F0, #FFAE98, #D26B24, #8F5100, #432C00)
• Amber Garden color palette (#ECD9D5, #F69D60, #C78F00, #808200, #31461B)
• Antique Moss Pier color palette (#EBE1C8, #908600, #4F5700, #192A00, #000200)
• Wandering Thicket color palette (#FEE9D3, #B98500, #7B6200, #3D3900, #0A0C00)
• Gentle Periwinkle color palette (#FEF4E3, #D8BC72, #879FFF, #927200, #1A2350)
• Powdered Lime Alley color palette (#FBEA87, #B8C700, #699500, #226600, #003015)
• Timeworn Lantern color palette (#FFF5D5, #BEECCB, #9BCA88, #499561, #464842)

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