Tempered Amber color palette — #F4E4DA · #E5B88B · #D18A6A · #9F696A · #33302A

Camel and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F4E4DA): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#E5B88B): A luminous, dusty gold — the color of honey in a jar.
• Camel (#D18A6A): A luminous, balanced orange — the color of toasted spice.
• Mocha (#9F696A): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#33302A): a grounded near-black with real depth.

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

• Weathered Bronze color palette (#FADFEE, #D0A385, #B66A43, #854736, #3F2932)
• Washed Pier color palette (#FFF3E6, #E3CF9C, #D3A16E, #A57E67, #3F3D36)
• Wandering Chestnut color palette (#EEDAE5, #B59071, #8B553B, #612C26, #0A1D0B)
• Weathered Field color palette (#ECDCC0, #BEC02E, #B68E00, #A35D00, #1A3003)
• Softworn Lantern color palette (#F2DAC7, #C9943A, #BB6105, #903C32, #1B1600)
• Feathered Coral Orchard color palette (#DDF5EA, #62CFFF, #D16666, #948403, #102D22)
• Terracotta Study color palette (#F1E4DC, #AF7032, #A23700, #701B2B, #060300)
• Wandering Aqua Studio color palette (#F1E7DB, #FFA1A8, #00CEE6, #3E5F48, #141E17)

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