Amber Harbor color palette — #FFEDFB · #F5B5A0 · #D87E56 · #9F6746 · #644552

Coral Clay takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFEDFB): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#F5B5A0): A whisper-light, balanced orange — the color of sun-warmed clay.
• Coral Clay (#D87E56): A luminous, balanced orange — the color of toasted spice.
• Walnut (#9F6746): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#644552): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns 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 Market color palette (#FFEDF6, #F7BC92, #D79450, #936D3C, #3F5641)
• Dusty Taupe color palette (#FDF1F7, #E4BFCD, #C48D6C, #896A7D, #554148)
• Antique Mint color palette (#FFF1F7, #ECB793, #77C591, #BD7A48, #2E5553)
• Weathered Loft color palette (#FFF1F5, #F8CEA6, #CC914E, #885F2E, #4B2836)
• Softworn Hollow color palette (#FFF1F5, #DEA469, #8FB171, #BA7F90, #503C43)
• Pale Boulevard color palette (#FFE4CC, #CB8400, #956800, #614800, #3B2F00)
• Dusty Bronze Pier color palette (#F3DAD1, #A44C00, #713900, #381D00, #0F0600)
• Sand Study color palette (#FFF1F5, #C2ECF5, #E8E0A8, #C59BAF, #445045)

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