Amber Harbor color palette — #FDE2A7 · #D28400 · #876B00 · #005C3E · #392400

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

The five colors

• Peach Cream (#FDE2A7): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#D28400): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#876B00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#005C3E): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro.

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

• Patina Moss color palette (#F2E6AA, #AF9800, #657900, #005957, #2D2A00)
• Pale Marigold color palette (#FFF4DB, #E89600, #8A7000, #00543A, #231500)
• Soft Ember Summit color palette (#FEDFB7, #F9601F, #A15B00, #305A00, #451A00)
• Patina Lagoon color palette (#D3EBD3, #9F6C00, #463600, #062109, #110308)
• Hazy Aubergine Harbor color palette (#FFDDEE, #D96600, #746B00, #700087, #4A0016)
• Nightshade Summit color palette (#FDE0B3, #DB3A14, #645000, #30009E, #421E00)
• Dusty Mustard color palette (#F1E9DA, #BBAC5E, #828F48, #00736A, #004A4E)
• Powdered Marigold Corridor color palette (#FFF1F5, #FFBE9B, #F49A14, #AC8800, #3E2900)

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