Tempered Amber color palette — #FEF1F7 · #A897D7 · #B37E34 · #27756C · #3F2F36

Built around Caramel, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Mauve (#A897D7): A luminous, balanced violet — the color of wild irises.
• Caramel (#B37E34): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#27756C): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#3F2F36): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Lilac Terrace color palette (#F4F4FF, #BAA1DD, #9D8D5C, #437C63, #172534)
• Timeworn Amber Lagoon color palette (#FCF2F5, #C0A1E4, #B48130, #047781, #234C39)
• Driftwood Pier color palette (#FFF2F0, #CD829E, #988B38, #047983, #3D2C2F)
• Aged Lilac color palette (#FCF2F6, #B19CE4, #BC6C6A, #4D6F39, #3B2E39)
• Softworn Ember color palette (#ECF9F2, #4AAACF, #C66B5A, #497147, #2B3932)
• Aged Coral Loft color palette (#F9F5E6, #CAB2E3, #C7768A, #247D7C, #574144)
• Dusty Magenta color palette (#FFF1F4, #C15CE1, #8B7700, #005F66, #2D1435)
• Stone Basin color palette (#FCF1FD, #EE9EA2, #D29B78, #8C8A4D, #273242)

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