Tempered Amber color palette — #E9FBEA · #C09751 · #53A17F · #955972 · #233926

Mustard and Fern set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#E9FBEA): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#C09751): A luminous, balanced gold — the color of honey in a jar.
• Fern (#53A17F): A luminous, balanced teal — the color of glacier melt.
• Pewter (#955972): A full-bodied, balanced rose — the color of strawberry cream.
• Deep Forest (#233926): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged muted.

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

• Taupe Lantern color palette (#E9FAF1, #A9A24A, #BC7695, #9B5A56, #20392D)
• Dusty Moss Lantern color palette (#E4FCF3, #98A850, #37A1A4, #2D779A, #1F3930)
• Softworn Summit color palette (#FDF0FF, #D9818C, #A18E4A, #7064A1, #3D2C3F)
• Timeworn Amber color palette (#FFF1F5, #D08F43, #5FA16D, #008173, #432A33)
• Nightshade Chapel color palette (#EAFBEB, #A07A37, #00808D, #57448A, #263828)
• Airy Hollow color palette (#F1E5B6, #9F8400, #008B75, #A50038, #271F00)
• Timeworn Bronze Balcony color palette (#EFF8F1, #D7C387, #729D61, #9B7D00, #0F2925)
• Aged Apricot Boulevard color palette (#FFF3E7, #F2A65F, #25C1D9, #A27DC4, #37322D)

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