Amber Harbor color palette — #F4E3CF · #A98229 · #6F5A00 · #322F00 · #0D0E00

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

The five colors

• Parchment (#F4E3CF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#A98229): A luminous, balanced gold — the color of honey in a jar.
• Olive (#6F5A00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#322F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D0E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Delta color palette (#FFE9E2, #BD7149, #844500, #452800, #160C00)
• Hushed Bronze Workshop color palette (#D5F6E0, #9B7000, #544E00, #00352B, #140D00)
• Softworn Grove color palette (#E6DFD1, #B79F5A, #726900, #393C00, #151F00)
• Amber Bloom color palette (#DCF7DE, #F0A55E, #BD8500, #736A00, #191000)
• Aged Corridor color palette (#FFF2F0, #ED9F5B, #A37600, #464C00, #031700)
• Aged Fern color palette (#E8EDDC, #749842, #246A00, #003E1B, #001309)
• Fern Delta color palette (#E2E0BD, #859062, #47693F, #004649, #002029)
• Frosted Fern Coast color palette (#F8F5C3, #AFB77A, #6B8637, #265400, #012C05)

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