Tempered Amber color palette — #FFF0F8 · #ECBD94 · #BD7551 · #81453C · #142616

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sand (#ECBD94): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#BD7551): A luminous, balanced orange — the color of autumn markets.
• Coffee (#81453C): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#142616): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Driftwood color palette (#E9FAEF, #C9CC97, #9E8931, #71521C, #0A2720)
• Pale Studio color palette (#FFF1F6, #D0AC70, #A86400, #732F00, #00180A)
• Aged Chestnut Thicket color palette (#F3DBCB, #B79068, #89563E, #5D2E30, #221500)
• Weathered Lantern color palette (#F8E0EE, #E2BA88, #D08A6C, #9B6A71, #1E362A)
• Washed Lagoon color palette (#CEE9D1, #9A8531, #664700, #341A00, #010100)
• Tempered Amber Ridge color palette (#F7DDE8, #C58D3E, #8F4B00, #591A00, #000601)
• Cocoa Ridge color palette (#F4E1EC, #9F622F, #662300, #2B0002, #020100)
• Frosted Mint Lagoon color palette (#E3FAFC, #32CA9D, #985FB1, #953F4C, #001A1B)

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