Tempered Amber color palette — #FFF1F6 · #B493E5 · #CE8134 · #009283 · #2E0F1D

A conversation between Mustard and Wisteria, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#B493E5): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#CE8134): A luminous, balanced gold — the color of old brass.
• Fern (#009283): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#2E0F1D): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Hazy Fuchsia Grove color palette (#FFF1F2, #DA83CA, #B29300, #008DA4, #2D0C28)
• Marigold Atelier color palette (#FFF1F3, #DCA4E0, #CEA347, #00A5B1, #3D2227)
• Quiet Emerald Summit color palette (#FFF0FB, #84A0FD, #E56C5A, #009745, #0F173B)
• Frosted Blush Corridor color palette (#FFF1F1, #D978B3, #699956, #006F69, #260B0D)
• Washed Peony color palette (#FFF0F8, #FA43B9, #958E00, #007EA1, #280019)
• Soft Sapphire Harbor color palette (#FFF2EC, #E06857, #009C47, #435BD7, #210000)
• Pale Hollow color palette (#FADAEA, #C7BDFF, #18C38F, #62A42C, #3E2030)
• Weathered Garden color palette (#FFF1F6, #E4D7D3, #C7B3A4, #7B89DA, #4B2933)

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