Amber Coast color palette — #F5EEDA · #BB8100 · #312C00 · #0A0C06 · #010100

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

The five colors

• Cream (#F5EEDA): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#BB8100): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#312C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0C06): a grounded near-black with real depth.
• Black (#010100): a grounded near-black with real depth.

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

• Midnight Ember color palette (#E5EEDA, #DF6400, #003424, #040C07, #000201)
• Moss Pier color palette (#FFE2D1, #9B9100, #4E1500, #0F0A04, #040000)
• Muted Amber Loft color palette (#F3E8D6, #AC8900, #005379, #4A3A00, #000201)
• Bronze Pier color palette (#CFE6D9, #8D6400, #2D333B, #221D00, #060400)
• Timeworn Moss Parlor color palette (#E8DFCA, #7B9A00, #006347, #00272B, #000103)
• Hushed Honey color palette (#FDF7CF, #FFB146, #536000, #1C2200, #020100)
• Timeworn Olive Pier color palette (#FFE0E0, #648300, #004D51, #35002A, #000200)
• Fern Veranda color palette (#F0EFE0, #CBD4BF, #95AE98, #3E5700, #030300)

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