Hazy Amber Harbor color palette — #EFDADC · #F2AC87 · #C7911F · #6D7B00 · #003C1E

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFDADC): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#F2AC87): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C7911F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#6D7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003C1E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Hazy 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 Bronze Studio color palette (#FFD7BF, #DAA969, #9C7E00, #595800, #243500)
• Frosted Tangerine color palette (#FECEF2, #F3A7B1, #E6804F, #987200, #263500)
• Pale Amber Villa color palette (#FAD8C7, #BA8700, #657900, #005329, #00110E)
• Emerald Boulevard color palette (#FFD4BF, #E5BB6F, #95A943, #00923E, #003934)
• Hushed Pier color palette (#F5E2CB, #7F8700, #0B7217, #00423E, #000304)
• Moss Balcony color palette (#FFE7EF, #F1A394, #9F9C34, #6D69B8, #452433)
• Weathered Amber color palette (#DFF1E2, #C29219, #3D6C62, #2D4331, #140910)
• Amber Orchard color palette (#FAF3F6, #D4DEDC, #ACCBD0, #D98958, #44363D)

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