Worn Amber color palette — #FFF2ED · #F6D4D1 · #FFAFA4 · #D68700 · #330C00

Mustard and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#F6D4D1): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#FFAFA4): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D68700): A luminous, balanced gold — the color of honey in a jar.
• Ink (#330C00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, 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

• Mustard Garden color palette (#FFF3E8, #E5D8CE, #FFC295, #B5A600, #231500)
• Ember Study color palette (#FFF2F0, #EECFCA, #FFA7C0, #FC5E2D, #3B000F)
• Soft Apricot color palette (#FFDED6, #FF955B, #C16E00, #664600, #312600)
• Mustard Atelier color palette (#FFF2EE, #EFC7FF, #FFAFB6, #C4B100, #501600)
• Weathered Olive color palette (#FFF4DE, #FFBC8D, #C6AA00, #378800, #040300)
• Tempered Driftwood Grove color palette (#FFF1F0, #FFBC93, #A5883B, #006A70, #00324C)
• Timeworn Rose color palette (#FFF0FC, #FF8BC4, #FF5144, #8D5B00, #4B1700)
• Coral Corridor color palette (#FFEDED, #E48DFF, #FF6B65, #757200, #230800)

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