Amber Harbor color palette — #FFF0FE · #FCBAAA · #D6874F · #936C33 · #3C5744

Built around Mustard, softened by Walnut — the whole palette hums with optimism and balance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#FCBAAA): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#D6874F): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#936C33): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#3C5744): A full-bodied, dusty teal — the color of sea glass.

Feels like: Optimism, Balance. Tagged muted.

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

• Apricot Parlor color palette (#FFF2EB, #F1A883, #B77A53, #7F5A3B, #4E4D46)
• Muted Terrace color palette (#F9F2FF, #FBB7CA, #DD7B74, #9C634D, #614650)
• Tempered Sky color palette (#FEF1F5, #EBBA83, #5ABFE7, #B28149, #375161)
• Antique Amber color palette (#E7FCE9, #F8D4A9, #CA974F, #8B632C, #233E27)
• Dusty Taupe color palette (#FFF1F6, #DDC188, #ABA84A, #728149, #335752)
• Washed Amber color palette (#FFE8DD, #D48200, #8E6D00, #555100, #223100)
• Taupe Market color palette (#FEF1F6, #B6D4B9, #B99376, #8A6881, #3A4D43)
• Apricot Grove color palette (#F9DDD3, #FF9A46, #B57800, #7B6700, #394100)

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