Tempered Amber color palette — #FFF4DF · #D6D58B · #AF8E00 · #815503 · #2E2802

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#D6D58B): A whisper-light, balanced green — the color of new leaves after rain.
• Mustard (#AF8E00): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#815503): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2E2802): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Muted Delta color palette (#FFF3E8, #FCC577, #D47700, #934626, #322600)
• Mustard Terrace color palette (#FFF4E0, #C9BE59, #9C7900, #6C4300, #161B00)
• Patina Bronze color palette (#F4E1C8, #9F831C, #684600, #361900, #010100)
• Marigold Hollow color palette (#FFECCB, #C2D276, #C69E2A, #AB6F47, #203D22)
• Bronze Canyon color palette (#DBF7E4, #A89F58, #7E6700, #5F4400, #37380B)
• Chestnut Bloom color palette (#FCDFC8, #C38E4D, #924900, #5B1500, #060300)
• Peony Lantern color palette (#DDFFE8, #00BAD5, #E9548B, #9A5100, #002026)
• Frosted Raspberry color palette (#E4FCF1, #00A2CF, #D60066, #705000, #0C1700)

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