Worn Amber Harbor color palette — #FFE7F3 · #DDA77F · #B7734C · #8B4E38 · #4D2836

Caramel and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#DDA77F): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#B7734C): A luminous, balanced orange — the color of autumn markets.
• Coffee (#8B4E38): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4D2836): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Tempered Chestnut Pier color palette (#FFE7EF, #DCAA61, #B07939, #914C00, #463200)
• Amber Alley color palette (#FFF2EA, #FFC193, #E16B16, #9B3F1F, #392207)
• Powdered Veranda color palette (#FFEADC, #F9BA73, #EE824A, #B36767, #38352F)
• Quiet Garnet color palette (#FFE7F3, #B9966E, #A54C11, #8D001D, #423400)
• Gentle Dune color palette (#D8F8E4, #BCB874, #9C8500, #795C00, #113E30)
• Chestnut Lantern color palette (#DCF7E0, #9F8A50, #7D5A00, #563500, #1B1600)
• Weathered Ash Corridor color palette (#FFF1F7, #E2C0CC, #B3909F, #876B7A, #404B3F)
• Weathered Boulevard color palette (#E6FBED, #9FC9B2, #9D8F60, #507357, #2B4339)

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