Tempered Amber color palette — #FFDFD2 · #DF9C8D · #C46F50 · #89502F · #3D3732

Built around Caramel, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFDFD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#DF9C8D): A luminous, balanced orange — the color of toasted spice.
• Caramel (#C46F50): A luminous, balanced orange — the color of toasted spice.
• Coffee (#89502F): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3D3732): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Antique Field color palette (#FFE5E3, #EFA7BC, #C46879, #87484E, #3D3532)
• Aged Amber color palette (#FFEFE0, #DFB184, #B27A25, #73510E, #3A3630)
• Patina Apricot Station color palette (#FDF0FF, #F99C93, #B46C50, #7E593B, #3B523E)
• Muted Bronze color palette (#FCEFE6, #DBA684, #6AAE79, #A05F30, #30322B)
• Patina Delta color palette (#FFF0FC, #FFB5A3, #CE896E, #976B52, #644654)
• Softworn Bronze color palette (#FFEFDF, #EFC4A1, #AF7234, #673D15, #2B1600)
• Ancient Tangerine color palette (#FAE0D4, #F17E0B, #A65F00, #623C00, #332000)
• Feathered Olive color palette (#F6DFB6, #C0AF4F, #837E00, #4E5400, #2F2E27)

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