Worn Amber color palette — #FFD7CF · #FFA083 · #CC764B · #945E3C · #4B4540

A conversation between Coral Clay and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD7CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFA083): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#CC764B): A luminous, balanced orange — the color of autumn markets.
• Walnut (#945E3C): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#4B4540): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, 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

• Washed Coral color palette (#FFDEE7, #FFA1B3, #CF6E78, #985657, #4B4340)
• Misty Corridor color palette (#FFD8B7, #F7A843, #C0851A, #81621C, #46423B)
• Bronze Balcony color palette (#FFE5DD, #E69585, #AF6136, #82460A, #5E441C)
• Stone Terrace color palette (#FFF3E9, #E4B289, #B58263, #875D4D, #573400)
• Wisteria Workshop color palette (#FFF2E9, #F3A171, #BE8EDA, #AE6F49, #5C3541)
• Apricot Courtyard color palette (#FFF3E6, #DF912C, #76AA4F, #B76C82, #3C3731)
• Aged Cocoa color palette (#FFF3E6, #DCDFC9, #97D4B5, #B49073, #6C4600)
• Hushed Pier color palette (#F8EED7, #D0A900, #9D8E00, #716C00, #3B4000)

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