Tempered Amber color palette — #FEF2EB · #DFDBCC · #96B4B6 · #C57D61 · #552600

Caramel and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF2EB): a clean, paper-quiet neutral.
• Bone (#DFDBCC): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#96B4B6): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C57D61): A luminous, balanced orange — the color of toasted spice.
• Espresso (#552600): A deep, shadowed, balanced gold — the color of old brass.

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

• Antique Tangerine Harbor color palette (#FDF3ED, #DBDBCD, #98BAB6, #FF744E, #662D04)
• Amber Courtyard color palette (#FBF4E9, #D8DDCF, #97B6C6, #AB8E3C, #38342E)
• Wandering Peony color palette (#FFF2F0, #E1D8D0, #A3B4AE, #D06C97, #462E2C)
• Bronze Ridge color palette (#FCF3ED, #DDDCCF, #C2C6AA, #A66336, #2A1A0E)
• Antique Abyss color palette (#E9E9E1, #B9BEA9, #8B9682, #2A4500, #010100)
• Wandering Rust Delta color palette (#FAF3F7, #E7D5D3, #ACC3AF, #A74B24, #483C43)
• Linen Villa color palette (#FFF4E2, #FFA676, #A48100, #006378, #3C2000)
• Antique Moss Summit color palette (#FFF4DE, #D7E093, #799F59, #945754, #2E3205)

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