Tempered Amber color palette — #F5EDE8 · #D5D4C4 · #B3BDA7 · #D67254 · #392A21

Coral Clay takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F5EDE8): bright and airy, almost weightless.
• Oat (#D5D4C4): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#B3BDA7): A luminous, dusty green — the color of new leaves after rain.
• Coral Clay (#D67254): A luminous, balanced orange — the color of sun-warmed clay.
• Espresso (#392A21): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Amber color palette (#F2EEE8, #CED6C9, #AABEB1, #B68B0B, #372C1A)
• Hushed Harbor color palette (#F3ECF0, #E3D2D8, #A8BEAC, #BA4900, #382931)
• Antique Peony Grove color palette (#F4ECEC, #D8D2C9, #BFBAA2, #DA60A0, #392928)
• Antique Orchard color palette (#F9F4EF, #D9DBD5, #A7BCB7, #D89F55, #643E00)
• Wandering Boulevard color palette (#F9DEE5, #D8A6B3, #B0956A, #7467AD, #562235)
• Soft Lantern color palette (#EFDBC0, #EA8B95, #A78300, #4A59C0, #421300)
• Amber Terrace color palette (#F6E5D3, #C17900, #515926, #342F29, #0C0200)
• Wandering Harbor color palette (#E9E1D6, #ABB3A4, #81A58B, #936900, #1E1100)

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