Worn Amber color palette — #FFF2EF · #EB988C · #B57546 · #775C31 · #4A4C45

Built around Caramel, softened by Melon — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#EB988C): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B57546): A luminous, balanced gold — the color of old brass.
• Coffee (#775C31): A full-bodied, dusty gold — the color of old brass.
• Charcoal Brown (#4A4C45): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn 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

• Amber Courtyard color palette (#FFEAF8, #ECAC93, #B67A58, #805635, #462633)
• Aged Apricot Dune color palette (#FFF3E7, #E0A164, #5DA2C7, #906A45, #355548)
• Antique Amber Boulevard color palette (#FDF0FF, #FFCDBF, #EFA87F, #BC864B, #35573D)
• Mallow Workshop color palette (#FFF1F4, #E295C3, #B97185, #824E48, #544E48)
• Timeworn Amber color palette (#FFF3E8, #CD8447, #658CBD, #6D6C98, #47413C)
• Faded Studio color palette (#FFE8DC, #C98A00, #7E6E00, #455100, #1D411D)
• Chestnut Grove color palette (#FFF2EB, #C0EBD2, #93CBC1, #9E7F79, #724A00)
• Ancient Drift color palette (#FFD9E4, #B6D2FF, #FF9FA1, #5F3A00, #322C2A)

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