Amber Harbor color palette — #FFD9E1 · #FF9D81 · #C97600 · #705B00 · #323F00

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD9E1): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9D81): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C97600): A luminous, balanced gold — the color of honey in a jar.
• Olive (#705B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#323F00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Gentle Apricot color palette (#FFDBD2, #EB995B, #A17D00, #5A5A00, #073D04)
• Amber Thicket color palette (#FFF2F0, #FFCAB2, #D47D00, #725600, #292500)
• Ember Station color palette (#FFD5F1, #FF95B8, #EA411D, #8D4F00, #413100)
• Worn Tangerine Garden color palette (#FFE0D4, #F68218, #A15D00, #644100, #433100)
• Antique Olive Delta color palette (#FFEFE5, #E3BB76, #9D9422, #45771E, #00452F)
• Tempered Amber color palette (#ECDBCC, #C36D00, #514402, #35220E, #1B0E07)
• Weathered Coral Dune color palette (#FFF4E0, #FF7872, #A07500, #1357B0, #532812)
• Bronze Loft color palette (#FFE9D8, #957A00, #4D6000, #003A0E, #000C07)

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