Amber Harbor color palette — #FAF4EF · #DBDBD3 · #9AB1AE · #CF8C61 · #5F3200

A conversation between Camel and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#DBDBD3): bright and airy, almost weightless.
• Ash (#9AB1AE): A luminous, dusty teal — the color of glacier melt.
• Camel (#CF8C61): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#5F3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Muted Taupe color palette (#F7F5EF, #D7DDD5, #A3B1BE, #ABA057, #433F33)
• Dusty Coast color palette (#F3EDE7, #D6CFC1, #ACA788, #714000, #050200)
• Pewter Corridor color palette (#FFF2EC, #E2DEBD, #AFAD92, #78719B, #5B3F41)
• Bronze Market color palette (#FBF4EB, #DADFCF, #A9B6CE, #A97100, #30220E)
• Ancient Lagoon color palette (#FBF2F6, #CCDADD, #AFC0C0, #95694E, #4F4449)
• Hushed Teal Courtyard color palette (#FAF5E7, #CBE7C4, #77AC8F, #956A62, #393932)
• Dusty Amber color palette (#FEF4E4, #C29637, #514600, #281C07, #0B0401)
• Pale Denim Alley color palette (#FEF3ED, #EBA896, #769657, #1B5AAA, #4A1818)

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