Amber Harbor color palette — #ECF9F0 · #A88E27 · #6D7DAC · #505D87 · #334138

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Mustard (#A88E27): A luminous, balanced green — the color of fresh herbs.
• Slate (#6D7DAC): A full-bodied, dusty violet — the color of wild irises.
• Peacock (#505D87): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#334138): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Taupe color palette (#E6F7EB, #A89351, #7680A9, #4F5B8B, #17271D)
• Moss Loft color palette (#E3FBF5, #7C9D50, #A46A8A, #685776, #30413D)
• Patina Taupe color palette (#FBF5E5, #B8AC6B, #889BC6, #667AA5, #403D36)
• Amber Drift color palette (#FFF0F9, #D37245, #4E88A0, #3E647C, #473841)
• Timeworn Taupe Coast color palette (#FFF1F7, #A0B06B, #398777, #5C5377, #334E4A)
• Driftwood Loft color palette (#EEF8F4, #D1DDE1, #AEABB5, #638C7D, #4E5452)
• Ancient Boulevard color palette (#FFF6D0, #B4CB8A, #5F956F, #0E675B, #005157)
• Aged Mustard Garden color palette (#EFF8F1, #D8BE74, #358E7E, #816B28, #203134)

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