Tempered Amber color palette — #FAF3F6 · #E0D7D6 · #AEC2C7 · #BC7E61 · #4E454A

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

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#E0D7D6): a clean, paper-quiet neutral.
• Ash (#AEC2C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#BC7E61): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#4E454A): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Wandering Garden color palette (#F0F7F3, #CFDDDE, #A3C9D3, #978700, #33443B)
• Antique Lantern color palette (#EDF8F1, #A8CEC0, #7D9970, #94635D, #2E4940)
• Amber Parlor color palette (#DBE9DB, #B48541, #365544, #213321, #1E1619)
• Muted Ash Studio color palette (#FFE7F1, #AECAB7, #77A79B, #59768F, #414E68)
• Petrol Loft color palette (#E8FBEB, #DAA482, #988545, #006E8A, #50333D)
• Cocoa Boulevard color palette (#F0E8EB, #ACB8AC, #829D8C, #7D4000, #220B16)
• Aged Garden color palette (#DBE0DC, #97AAA1, #679086, #564200, #000D04)
• Olive Workshop color palette (#E6F0EE, #B8C8C7, #8DABAE, #3C7000, #0D2420)

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