Tempered Amber color palette — #FFF1F4 · #CBA1DC · #D06E57 · #7D5E33 · #2C2A19

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#CBA1DC): A luminous, balanced pink — the color of peonies in June.
• Coral Clay (#D06E57): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#7D5E33): A full-bodied, dusty gold — the color of old brass.
• Onyx (#2C2A19): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Amber Delta color palette (#F1F7F0, #F1A8C2, #BE8635, #67703A, #252B1B)
• Weathered Blush Quarry color palette (#F7F5EA, #A8BA76, #C87891, #97573F, #312A1C)
• Hushed Blush Garden color palette (#FDF2F7, #CAC3FF, #C680AA, #925A4A, #472E49)
• Amber Bloom color palette (#F1F7EE, #76C7BB, #C47F38, #6F6A2A, #292D1C)
• Wandering Powder color palette (#FBF1FB, #82C2FF, #CC9270, #9D8457, #2F322B)
• Dusty Driftwood Bloom color palette (#FFF1F4, #AC7AA7, #845676, #6B3E29, #283A2C)
• Hushed Canyon color palette (#E8F3FF, #5B90BC, #976059, #574E14, #052025)
• Softworn Lilac Grove color palette (#FEF1F8, #ABA2F5, #664C56, #34262E, #130E11)

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