Tempered Amber color palette — #FFF1F5 · #E2C293 · #B57C37 · #7C4B20 · #132718

Caramel takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sand (#E2C293): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B57C37): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7C4B20): A full-bodied, balanced gold — the color of old brass.
• Onyx (#132718): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Moss color palette (#E3FCEF, #C5CE96, #938E26, #675802, #072820)
• Softworn Coast color palette (#EEDDCB, #AE9563, #845B29, #602E0D, #201600)
• Bronze Study color palette (#E6FCEB, #C6B264, #937100, #5E3F00, #00180D)
• Amber Parlor color palette (#FCDFE9, #D8BF81, #C89057, #9B6D5D, #15382A)
• Taupe Alley color palette (#EAFAEE, #BFE8D0, #B69B4D, #816636, #1D382C)
• Chalky Parlor color palette (#FFF0F9, #FAA36D, #CE5000, #8D1D03, #281200)
• Tempered Loft color palette (#D6EDD8, #B79538, #7D5800, #472A00, #000502)
• Smoked Bronze color palette (#F4D6E0, #9A6600, #573200, #210C00, #020100)

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