Tempered Amber color palette — #FDF1F8 · #EAD4D1 · #B5D8C2 · #C06C50 · #483C43

A conversation between Caramel and Oat, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Bone (#EAD4D1): A whisper-light, dusty orange — the color of autumn markets.
• Oat (#B5D8C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Caramel (#C06C50): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#483C43): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Orchard color palette (#F4ECF0, #CFDBD0, #A0C0B1, #A25D33, #392831)
• Wandering Cabin color palette (#F1F7F2, #D0E0E0, #ADC8CF, #A58B5B, #434A44)
• Amber Meadow color palette (#FCF3EE, #E0DCCD, #98B7B9, #C57D5E, #542700)
• Peony Loft color palette (#F8F3FC, #E9D4DA, #E0B5B6, #C55D90, #443C49)
• Amber Hollow color palette (#E0EDDF, #B87600, #4A470A, #192C17, #1A0C15)
• Faded Emerald color palette (#E7FBEC, #B3C476, #419D4A, #8A5670, #373F13)
• Coral Lagoon color palette (#E0FFE5, #FF7B58, #957B00, #3254AB, #512A06)
• Patina Coral Courtyard color palette (#FFF0FC, #FB6157, #008F45, #3F47AA, #3F1B5B)

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