Tempered Amber color palette — #F4D7E6 · #C38C48 · #8B5539 · #5C2F2E · #061D0F

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

The five colors

• Shell Pink (#F4D7E6): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C38C48): A luminous, balanced gold — the color of old brass.
• Coffee (#8B5539): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5C2F2E): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#061D0F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Chestnut color palette (#D2E7D4, #A29A5F, #7E5E22, #553143, #021D17)
• Wandering Bronze Villa color palette (#FFE3ED, #A58111, #7A4800, #52200D, #00130B)
• Antique Workshop color palette (#FFF2E9, #F4BA8B, #B57A56, #774C3B, #2D1E0C)
• Weathered Driftwood Cabin color palette (#E5F7ED, #9AC6B9, #898557, #495F4A, #1F302E)
• Amber Market color palette (#D9EEF0, #D48E4F, #005344, #00221B, #000708)
• Hushed Terracotta Drift color palette (#CBF2F2, #008B58, #A33D49, #71272E, #001414)
• Obsidian Fern color palette (#F2E4CC, #6D6300, #483200, #291000, #010200)
• Jade Lantern color palette (#E5F6F6, #03BC8A, #5757B3, #006548, #020516)

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