Amber Harbor color palette — #EFDAC3 · #AE881F · #7D5000 · #5F2C00 · #2F2900

Mustard takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#EFDAC3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AE881F): A luminous, balanced gold — the color of old brass.
• Coffee (#7D5000): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Airy Hollow color palette (#E4E1B2, #869742, #655D00, #4D3900, #173100)
• Misty Amber Market color palette (#F4DFCA, #A68C00, #814E00, #631707, #0E1500)
• Amber Chapel color palette (#F9D8AF, #E1AF4D, #C78500, #A25E00, #342700)
• Chalky Terracotta Grove color palette (#F5D7C6, #C57840, #9C3300, #750016, #3B2300)
• Tempered Bronze Boulevard color palette (#F2DAC1, #8F7132, #633B00, #431B00, #1B1600)
• Faded Dune color palette (#F9D7B4, #BFA300, #A66700, #8B301C, #212E00)
• Worn Courtyard color palette (#FBF4EB, #C4B79A, #937D52, #815116, #554700)
• Charred Fern color palette (#EDE4D2, #5E5D00, #352B00, #1A0E00, #020400)

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