Worn Amber Harbor color palette — #FFF0FC · #FFCCB9 · #E3B086 · #B18A31 · #524A00

Mustard and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Peach Cream (#FFCCB9): A whisper-light, dusty orange — the color of autumn markets.
• Sand (#E3B086): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#B18A31): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#524A00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged light, muted.

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

• Apricot Lagoon color palette (#FFF1F1, #E3D6CF, #EAA376, #887724, #304D16)
• Dusty Balcony color palette (#F9F2FF, #F1D2F2, #E5A298, #CA7945, #663E00)
• Patina Apricot color palette (#FFEDEB, #F1A687, #AD8159, #71531D, #322C00)
• Airy Marigold Cabin color palette (#FFDDCD, #FFB25C, #CB9800, #857800, #2C3B00)
• Tempered Grove color palette (#ECF9EE, #FCC0AD, #C8A977, #3C9BA9, #57404B)
• Patina Courtyard color palette (#FED9D0, #B96920, #845400, #493900, #030300)
• Faded Coast color palette (#E4FEE1, #C0EACC, #BBC083, #79A250, #085324)
• Washed Stone color palette (#F9F3F7, #E0D7D7, #DCA69B, #A9AFBC, #594F56)

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