Amber Harbor color palette — #F7EAE1 · #C78800 · #8A6D00 · #434800 · #182600

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

The five colors

• Cream (#F7EAE1): bright and airy, almost weightless.
• Mustard (#C78800): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8A6D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#434800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#182600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Quiet Moss color palette (#F6E8C9, #99A957, #7D6A00, #5F3A00, #0A2205)
• Soft Sunflower color palette (#FFF3E3, #FFCC55, #AE8D00, #716300, #3A3800)
• Bronze Chapel color palette (#ECDCCC, #A98000, #685F00, #293900, #011D02)
• Ember Balcony color palette (#FFEAE8, #F3640F, #AE5C00, #583D00, #272100)
• Sunlit Moss Atelier color palette (#EBDFC6, #A6A000, #567600, #0F5506, #002E1F)
• Mint Summit color palette (#FEF1D0, #CCE8B7, #00D0BC, #AD6600, #2F2E27)
• Hazy Pier color palette (#F5E2C1, #9E7F00, #2F60FF, #8D329D, #1F1700)
• Indigo Hollow color palette (#FCF1D4, #B8AA25, #515FEE, #655D00, #131652)

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