Amber Harbor color palette — #FFF3E6 · #FFB7A7 · #CF7936 · #576C38 · #37302C

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#FFB7A7): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#CF7936): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#576C38): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#37302C): a grounded near-black with real depth.

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

• Timeworn Grove color palette (#FFF3E9, #FCB2D4, #CF717E, #7E5D0E, #462925)
• Softworn Amber Atelier color palette (#FFF2EB, #FF9E79, #A38700, #276C34, #461A29)
• Antique Taupe Station color palette (#FEF4E3, #FFD4A9, #B89F63, #4E7F64, #583700)
• Weathered Apricot color palette (#FDF5DF, #FFABC1, #D79358, #508AA4, #433B38)
• Mustard Grove color palette (#FFF4DE, #E9B723, #8C8C00, #00675B, #302700)
• Gentle Mustard color palette (#FFF4DB, #BAA200, #627400, #004A48, #181100)
• Washed Taupe Courtyard color palette (#E1F9E6, #CC8689, #8E5E3A, #00524D, #301A2B)
• Hushed Tangerine Station color palette (#FFF2EB, #E47E5A, #693800, #291A12, #0A0402)

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