Amber Harbor color palette — #F1E2CD · #B4871A · #535000 · #312D27 · #1F1611

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

The five colors

• Parchment (#F1E2CD): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B4871A): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#535000): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#312D27): quiet, heavy and certain.
• Ink (#1F1611): a grounded near-black with real depth.

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

• Washed Villa color palette (#F4F2E6, #97A35A, #4A6120, #3A382D, #25211C)
• Weathered Delta color palette (#EFE3D0, #D1A328, #816F24, #624300, #1D1710)
• Aged Ember Meadow color palette (#F3E0D6, #D86B4E, #674600, #4C1F00, #201514)
• Worn Amber color palette (#ECFAED, #CA9300, #1C5046, #142217, #080406)
• Worn Study color palette (#E8DFC3, #817B00, #064422, #221A00, #0E0500)
• Dusty Moss color palette (#E0E1D3, #39A000, #334D2E, #27280D, #171103)
• Pale Pier color palette (#FEDAB7, #CCB66D, #94963D, #46753A, #41443D)
• Dusty Driftwood color palette (#F7F8D6, #89B373, #A18BCC, #A4659E, #383931)

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