Hazy Amber Harbor color palette — #FEF3E8 · #DC8F00 · #616500 · #6C4300 · #020100

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

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Mustard (#DC8F00): A luminous, balanced gold — the color of old brass.
• Olive (#616500): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

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

• Mustard Courtyard color palette (#F9F5E9, #B2A500, #00742B, #564F00, #010100)
• Mustard Lagoon color palette (#F6EBCA, #B6A300, #606500, #2A3700, #020700)
• Timeworn Harbor color palette (#FFF2EB, #F87551, #865200, #8A2300, #020100)
• Hushed Chestnut Alley color palette (#FAF4EC, #D9DCCA, #C4BA9E, #7C5800, #140A00)
• Muted Sunflower color palette (#FCF5E0, #D3C800, #009744, #746E00, #000200)
• Muted Grove color palette (#F4E4EB, #B35F00, #3D4A00, #542900, #000201)
• Ancient Study color palette (#FBF2DA, #857E00, #005D38, #002A31, #030100)
• Mustard Villa color palette (#FFF4DC, #FFC560, #B9A400, #6D8500, #040400)

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