Amber Harbor color palette — #FEEBD3 · #FAA079 · #D48100 · #548341 · #352F2A

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEBD3): A whisper-light, dusty gold — the color of old brass.
• Melon (#FAA079): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D48100): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#548341): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#352F2A): quiet, heavy and certain.

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

• Faded Marigold Thicket color palette (#FCECD3, #F1AA46, #B39400, #228865, #34302A)
• Tempered Coral Ridge color palette (#FFEBD7, #FF97A4, #E0735A, #7D7819, #362E2C)
• Softworn Driftwood color palette (#FFE8D4, #DABE9C, #B5A678, #7B8E4A, #415037)
• Misty Blush Lantern color palette (#E2FDEC, #FF919F, #A9701D, #1B5776, #31162B)
• Amber Chapel color palette (#EFE0D5, #E67835, #7F5833, #5D2E00, #140B06)
• Feathered Amber Ridge color palette (#F7E5CA, #E37600, #9D6B00, #006728, #241100)
• Weathered Teal Veranda color palette (#F3F7E8, #9ED9BB, #3EB797, #9D7E55, #2C3C00)
• Weathered Emerald color palette (#E7DEBF, #92BB3D, #2DA149, #00728A, #272600)

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