Amber Harbor color palette — #FFF3E9 · #EFB691 · #7AB9E4 · #BC7B4C · #2B5749

A conversation between Caramel and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#EFB691): A luminous, balanced gold — the color of honey in a jar.
• Sky (#7AB9E4): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BC7B4C): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#2B5749): 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 Basin color palette (#FEF3E7, #DFBE95, #92B4DE, #B08345, #5B445C)
• Teal Workshop color palette (#FFF2EF, #F3AEBB, #66C3BF, #B87783, #3E543B)
• Aged Balcony color palette (#FFF0F8, #FEC7AC, #90CEFF, #E19269, #395064)
• Bronze Lagoon color palette (#FFF2EB, #CFA68D, #6D9DCF, #AB5838, #5C4260)
• Tempered Chestnut Courtyard color palette (#FFF3E7, #DCDFC9, #BAC4D0, #B79885, #734800)
• Muted Field color palette (#FFF3E7, #DAA577, #6EB4A8, #9A88B8, #613700)
• Bronze Terrace color palette (#FFF3E9, #DEC6AC, #B3957D, #A16340, #604100)
• Dusty Bronze Bloom color palette (#F9F5EA, #E4CFA3, #967933, #624900, #2F2B21)

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