Amber Harbor color palette — #FFF3E9 · #E2C388 · #C0743D · #824343 · #282107

Caramel and Coffee set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#E2C388): A whisper-light, balanced gold — the color of honey in a jar.
• Caramel (#C0743D): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#824343): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#282107): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Antique Boulevard color palette (#FFF4DE, #BFCF98, #A58700, #794C28, #20240C)
• Powdered Bronze Lantern color palette (#FFF3E7, #C5B173, #AA6200, #752B22, #161200)
• Muted Bronze color palette (#FEF3E7, #EBDCB1, #BB9764, #955A32, #32322B)
• Wandering Chestnut Quarry color palette (#F3DCC8, #B6906A, #8C5526, #612E0F, #241400)
• Muted Moss Canyon color palette (#E7DDCD, #828E37, #614A00, #371700, #000200)
• Pale Amber Harbor color palette (#FAE0C7, #B2983B, #895000, #5C130A, #030500)
• Powdered Field color palette (#F6F3FF, #FFB3E4, #DB5473, #893E00, #302300)
• Garnet Garden color palette (#FAE0D0, #9B651B, #682100, #2A000D, #020100)

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