Amber Coast color palette — #FFF3E7 · #CDBD8E · #B48457 · #895B54 · #3E3D36

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#CDBD8E): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#B48457): A luminous, balanced gold — the color of old brass.
• Pewter (#895B54): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#3E3D36): a grounded near-black with real depth.

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

• Bronze Garden color palette (#F4E5D5, #BAAF76, #AF7114, #7E4C3E, #31312A)
• Worn Bronze color palette (#FAF5EA, #D0CDA8, #A89C69, #9A6832, #414F00)
• Moss Study color palette (#F7E4C9, #8F923F, #7C5A00, #642900, #051C01)
• Gentle Courtyard color palette (#F8E9E1, #996014, #7A2300, #49001E, #050300)
• Muted Amber color palette (#E9FAF1, #39ADD5, #D17237, #30805F, #23382E)
• Timeworn Workshop color palette (#FBF1FB, #EDB88B, #4471B5, #2D4364, #271E27)
• Weathered Aqua Coast color palette (#ECEFDD, #FFB982, #3CCFFF, #2C4B3C, #23312A)
• Cobalt Ridge color palette (#EEF8F5, #8ECBFF, #C86C99, #2486CC, #321E1D)

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