Worn Amber color palette — #FFF2F0 · #FFCCC7 · #EDA07E · #BD8A43 · #4E4B44
Mustard and Melon set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Shell Pink (#FFCCC7): A whisper-light, dusty orange — the color of toasted spice.
- Melon (#EDA07E): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#BD8A43): A luminous, balanced gold — the color of old brass.
- Charcoal Brown (#4E4B44): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged light, 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
- Apricot Courtyard color palette (#FEF3EA, #FDC8A8, #8DD0FB, #E4915D, #285749)
- Worn Amber Field color palette (#FFF3E4, #F9D9B6, #DDAB7E, #B1823D, #4A2F0A)
- Tempered Bronze color palette (#FFF0FE, #EBB2A5, #D28D65, #A56B30, #345236)
- Faded Amber color palette (#F6E0D8, #EAA565, #C19500, #778500, #23471C)
- Moss Lantern color palette (#FFF2EA, #EFCA9C, #CDBA6D, #8D9546, #4F5149)
- Muted Coral Bloom color palette (#FFF1F5, #F3C4E7, #E69DB7, #D67C7D, #534C47)
- Weathered Chestnut color palette (#FFF2EB, #DDE3CC, #B8BBC6, #D5A496, #724B00)
- Amber Summit color palette (#FADAC5, #C58C00, #897800, #425E00, #002D0C)
Browse the whole catalog at Explore, or see today's palette.