Tempered Amber color palette — #FFF0F9 · #F1BA92 · #BE7455 · #804540 · #162616

Caramel and Cantaloupe set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Cantaloupe (#F1BA92): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#BE7455): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#804540): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#162616): 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

• Worn Coast color palette (#E7FCE9, #D3C89A, #AA8337, #744F2B, #08281D)
• Ember Atelier color palette (#FFF0F9, #FDC19A, #DF6B41, #9B3C3D, #3E1A28)
• Bronze Terrace color palette (#FFF0F8, #DAA773, #B05D24, #77291A, #021806)
• Tempered Drift color palette (#FFF1F6, #F5D8AA, #CB9053, #8E5D46, #22372A)
• Ancient Archive color palette (#F1DCCF, #BB8E66, #885643, #63292F, #221500)
• Quiet Peony color palette (#FEF0FF, #FCAEDC, #DD6188, #982628, #390E00)
• Weathered Bronze Lantern color palette (#D6EDD6, #A28200, #684500, #361900, #010100)
• Soft Veranda color palette (#FADCEA, #C78C46, #934800, #5B1703, #060300)

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