Worn Amber color palette — #F2D8D7 · #FD9D6A · #D48B00 · #847700 · #3C4411

Built around Mustard, softened by Apricot — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2D8D7): A whisper-light, dusty orange — the color of autumn markets.
• Apricot (#FD9D6A): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D48B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#847700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C4411): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Hushed Apricot Studio color palette (#FFEBE2, #E49142, #AE7400, #7E5C00, #443B07)
• Hushed Moss color palette (#FFE2D3, #E4AE49, #A8A200, #648508, #16462C)
• Tempered Station color palette (#FED8CC, #E37900, #9F6F00, #565B00, #172700)
• Tangerine Canyon color palette (#FAE0EA, #FF9DAB, #FF6C2B, #AE6500, #433300)
• Amber Courtyard color palette (#DEEDDD, #CAC489, #CA913B, #A06B58, #183731)
• Aged Amber color palette (#FFE7EF, #F3AE64, #96AAFF, #CB7C00, #29315C)
• Airy Mustard color palette (#D6FFE6, #E5CC75, #C0A300, #8C6C00, #292000)
• Timeworn Mustard color palette (#F3E3F4, #ABBBFF, #E4AE00, #375B41, #19201B)

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