Amber Harbor color palette — #FFF3E8 · #E6BA9A · #80BAD8 · #B77D50 · #315647

Caramel takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sand (#E6BA9A): A luminous, dusty gold — the color of honey in a jar.
• Sky (#80BAD8): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#B77D50): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#315647): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, 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

• Amber Lagoon color palette (#FCF4E9, #E5BD86, #8DB5E3, #AE8346, #5B435E)
• Driftwood Chapel color palette (#FFF2EE, #EEB2B8, #6DC4B3, #BF737D, #405437)
• Muted Alley color palette (#FFF0F8, #EEDBBE, #A9CFFF, #D2835A, #334860)
• Aged Bronze Villa color palette (#FFF1F6, #D3A580, #65AA83, #A2611E, #2D5740)
• Patina Seafoam Lagoon color palette (#FFF3E8, #FFC8A0, #8CDCA9, #D49A6F, #4C4E47)
• Timeworn Cocoa Hollow color palette (#FFF3E8, #DDDFCA, #AFB8CC, #C59889, #6F4500)
• Washed Cocoa color palette (#FFF3E7, #D6A67C, #79ACCC, #8287B5, #603700)
• Timeworn Bronze Field color palette (#FFF3E9, #DCC7AC, #B3957D, #A36145, #5B4400)

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