Worn Amber Harbor color palette — #FFD4D5 · #FF986A · #C57B00 · #786800 · #374100

Mustard takes the lead with Apricot close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFD4D5): A whisper-light, dusty red — the color of embers at dusk.
• Apricot (#FF986A): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C57B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#786800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#374100): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Worn Amber Harbor 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 Orchard color palette (#F9D9C7, #FFA858, #DD8700, #A66E00, #533A00)
• Wandering Marigold Coast color palette (#FCD8CF, #E89400, #967B00, #636200, #264726)
• Hazy Ember Station color palette (#FFCFEB, #FF8B95, #EB4828, #934B00, #563D00)
• Honey Courtyard color palette (#FFF4E1, #F7B926, #A78100, #685400, #332600)
• Amber Drift color palette (#FFEBD6, #CBB451, #B97416, #8A4D40, #36362F)
• Mustard Market color palette (#FFDFC7, #E1B642, #919C2C, #59773B, #484A43)
• Bronze Thicket color palette (#F9E7C9, #937D00, #516300, #003F0B, #001E16)
• Airy Iris color palette (#FFF3E8, #FFA95E, #6E94FE, #995400, #213573)

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