Amber Coast color palette — #FFF0F9 · #E4AD7D · #B97E27 · #775F21 · #395546

Built around Mustard, softened by Sand — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#E4AD7D): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#B97E27): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#775F21): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#395546): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Balance. Tagged muted.

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

• Linen Moss color palette (#E2FEE5, #C5B175, #928607, #5F6A30, #2F544C)
• Taupe Workshop color palette (#FFEAE1, #FFBD93, #BD9453, #7E7747, #504E47)
• Softworn Amber color palette (#FEF0FF, #E8A49B, #BF6947, #885230, #694955)
• Muted Periwinkle Lantern color palette (#ECF9ED, #C9AB79, #719AD6, #8E6C30, #394F69)
• Weathered Studio color palette (#E0FEEB, #D5C68E, #988230, #5D4A04, #1B3D28)
• Muted Driftwood color palette (#EDF9ED, #9FC2AA, #997B4B, #775061, #3C4C45)
• Worn Grove color palette (#FFDAB1, #C78F00, #8B7200, #545500, #0A4722)
• Wandering Cerulean Balcony color palette (#E8FBEC, #AF9557, #2E9AA7, #8D678D, #36473A)

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