Amber Harbor color palette — #F8E3CB · #B29800 · #678000 · #005E17 · #003225

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

The five colors

• Parchment (#F8E3CB): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B29800): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#678000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005E17): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Moss Coast color palette (#E6E2CC, #909500, #4F6500, #224500, #002E27)
• Frosted Moss color palette (#F5F0CE, #B5B500, #76A000, #3B760C, #003B13)
• Washed Summit color palette (#E8E8CC, #7BB251, #00863A, #005A51, #003035)
• Antique Thicket color palette (#FFEBE2, #DE8B2E, #916D00, #545900, #013808)
• Pale Pier color palette (#C9F0BF, #78BC7E, #288D02, #00531E, #001D06)
• Tempered Bronze color palette (#D6F6ED, #A5DBE0, #76C2F5, #9F7700, #003939)
• Dusty Emerald Balcony color palette (#EFF1DD, #009230, #006A51, #00413C, #00151A)
• Wandering Archive color palette (#CBE4E1, #6CC16B, #9366E6, #096713, #2F1953)

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