Tempered Amber color palette — #FFEEE4 · #C77459 · #7C6014 · #2C4A15 · #340D27

Coral Clay and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Coral Clay (#C77459): A luminous, balanced orange — the color of autumn markets.
• Olive (#7C6014): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#2C4A15): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#340D27): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Wandering Cabin color palette (#FFEEE5, #BF7869, #825D11, #344900, #00251C)
• Amber Quarry color palette (#FBF0E2, #B98126, #576E28, #004D40, #3C0905)
• Patina Field color palette (#FEEDED, #BC719D, #8F5143, #543C00, #21153D)
• Bronze Terrace color palette (#FBDABB, #A55D00, #514F00, #00361C, #23000A)
• Hushed Chestnut color palette (#F7F3FF, #AC739B, #7D5E07, #00525D, #4F2845)
• Taupe Studio color palette (#FDEFE5, #C98C6B, #7A7342, #5E3D6A, #401821)
• Bronze Veranda color palette (#FFDCCB, #E39C6C, #A86926, #6E4500, #392400)
• Aged Studio color palette (#FDE2C9, #C8B69F, #97896A, #4E6321, #2C3C23)

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