Tempered Amber color palette — #FFD8CC · #FFA580 · #D57842 · #8D5830 · #49433E

A conversation between Coral Clay and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD8CC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA580): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#D57842): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#8D5830): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#49433E): a grounded near-black with real depth.

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

• Ancient Coral color palette (#FFD5DF, #FC8F9E, #DC7177, #9A5851, #4B4440)
• Misty Amber Drift color palette (#FFE3C5, #EAAE50, #C08E17, #816A26, #46433C)
• Ancient Summit color palette (#FFF3E8, #DBB690, #AF8565, #915A2C, #553600)
• Hushed Studio color palette (#FFDAD5, #DE8D73, #B26C39, #7A4900, #454518)
• Jade Delta color palette (#FFF3E7, #ECA761, #55BC8A, #AF702A, #41443D)
• Antique Bronze color palette (#F2DCD2, #C06200, #824700, #4B2D00, #201200)
• Softworn Marigold Pier color palette (#FFF3E6, #DC932E, #7AA764, #B17180, #3C3731)
• Cocoa Quarry color palette (#FFF3E4, #DBDEC8, #94D3B9, #B68F70, #644500)

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