Amber Coast color palette — #ECF9F0 · #B59400 · #657BC6 · #4A5887 · #332436

Mustard takes the lead with Periwinkle 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 (#B59400): A luminous, balanced green — the color of fresh herbs.
• Periwinkle (#657BC6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#4A5887): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#332436): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Amber Coast 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 Dune color palette (#E7FBF2, #93A200, #9169B5, #7A4E6E, #322431)
• Pale Mustard Hollow color palette (#E8FBF0, #B5A735, #1D8DB1, #7C4A6D, #4F2944)
• Amber Boulevard color palette (#ECF9EE, #D58C00, #00878B, #016B87, #2E2235)
• Grape Loft color palette (#FAF5E9, #C1AE59, #228FBC, #6D449E, #29160A)
• Antique Mustard Balcony color palette (#FFF1F6, #BFB539, #459975, #725685, #27443C)
• Misty Iris Villa color palette (#F3F7EB, #75C48C, #37AA9C, #8375CF, #36260D)
• Dusty Driftwood color palette (#EFF7F3, #D0DEE1, #B0C5CE, #729A84, #404B45)
• Washed Moss color palette (#D3EBE5, #66A32B, #355355, #1D332E, #111B16)

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