Amber Harbor color palette — #FFF3E9 · #E7B99C · #71BFCF · #BA7B51 · #365542

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#E7B99C): A luminous, dusty gold — the color of honey in a jar.
• Cyan (#71BFCF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#BA7B51): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#365542): A full-bodied, dusty teal — the color of sea glass.

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

• Aged Driftwood color palette (#FFF1F0, #EAB1C8, #79C1B2, #B67690, #3F5435)
• Antique Apricot Corridor color palette (#FDF3EC, #FFC6AE, #79D4FC, #E3906D, #375547)
• Driftwood Lantern color palette (#FCF4E8, #DEC089, #AAABE2, #A6874D, #644056)
• Dusty Summit color palette (#FCF2F7, #D6A28D, #58A5BC, #AA5934, #275368)
• Chestnut Courtyard color palette (#FFF2EB, #DFDECC, #B7BCC7, #B8918D, #764707)
• Muted Cocoa Lagoon color palette (#FFF2EB, #DCC6B0, #B49481, #8B6C66, #5C4300)
• Worn Cocoa Loft color palette (#FFF2EA, #DBA285, #72ADCE, #748AB9, #663300)
• Dusty Cocoa color palette (#FBF4E8, #E6CDA7, #8E7B4F, #664700, #322A1D)

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