Tempered Amber color palette — #FEF3EB · #DDDACC · #C1C2A8 · #B87154 · #642F00

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Bone (#DDDACC): bright and airy, almost weightless.
• Stone (#C1C2A8): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#B87154): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#642F00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Dusty Driftwood Meadow color palette (#F9F5EE, #D9DCD2, #BAC5B5, #A18D5E, #4D473C)
• Peony Lantern color palette (#FDF2F1, #E2D8CD, #CFBEA3, #BB678A, #4B3B3A)
• Washed Studio color palette (#FDF3EE, #DADACF, #C2BCA6, #B63A08, #662E02)
• Washed Coral Study color palette (#FBF2F8, #C9DDE0, #B7B6C0, #EB836A, #473C44)
• Fern Station color palette (#EDE7DA, #B9B5A0, #969974, #605200, #1A1302)
• Linen Pier color palette (#FFF4DE, #B8C36F, #65973B, #8E5853, #3A3E0D)
• Softworn Amber Parlor color palette (#F6EBDE, #B87600, #51440E, #35220A, #1C0E04)
• Petrol Market color palette (#FFE9D6, #CFB984, #989167, #447596, #3C4266)

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