Amber Coast color palette — #FFF1F7 · #C3712B · #407231 · #005164 · #333456

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mustard (#C3712B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#407231): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005164): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#333456): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Amber Corridor color palette (#FFECF5, #C67740, #00746F, #0E446B, #24143B)
• Tempered Amber color palette (#EDF9ED, #B67B00, #047557, #274879, #53273D)
• Wandering Orchard color palette (#FDF0FF, #D65774, #726309, #00544E, #2F3458)
• Weathered Marigold color palette (#FFF0DD, #C9A12B, #908100, #60611B, #2A554B)
• Powdered Delta color palette (#FFF2EB, #E18B70, #3C9373, #525794, #30335D)
• Patina Field color palette (#D2F2D5, #916500, #005A3C, #003559, #40003F)
• Stone Loft color palette (#E9FAEF, #ADB580, #637C51, #695165, #30483F)
• Muted Aubergine color palette (#E1FDF0, #808400, #00676A, #3D2D84, #591021)

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