Amber Coast color palette — #FFF2EA · #DEB17D · #AC8608 · #6E692E · #4B4B43

Mustard and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#DEB17D): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#AC8608): A luminous, balanced gold — the color of old brass.
• Olive (#6E692E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4B4B43): quiet, heavy and certain.

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

• Honey Quarry color palette (#FFEAD3, #EDC37D, #BB9C57, #8A7B47, #514F48)
• Ancient Bronze Basin color palette (#FAF4EA, #C2AF74, #8693DA, #8A6F0C, #5E4356)
• Chestnut Drift color palette (#FCF4E7, #C2B894, #8F7F53, #815117, #4D4B00)
• Hushed Rust Meadow color palette (#FFF1EF, #EEA7A3, #C36542, #83552E, #4E4E46)
• Ancient Emerald color palette (#FDEDCF, #B1BF82, #63903D, #3D7148, #4C4F48)
• Ancient Chestnut color palette (#FDF4E4, #BAE7D3, #CBC8D2, #A57D61, #645200)
• Pale Marigold Lantern color palette (#EADCCC, #C89900, #747700, #445900, #164712)
• Washed Taupe color palette (#FDF4E3, #AC974C, #7087C4, #786DA0, #45423B)

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