Amber Coast color palette — #FFF2F0 · #FFA376 · #C58100 · #7B5C00 · #393300

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FFA376): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C58100): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7B5C00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#393300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ember Corridor color palette (#FFF1F5, #FFA2A3, #D35E43, #904E1A, #463008)
• Soft Honey color palette (#FFF2E9, #FCB73B, #998E00, #596B0B, #223815)
• Patina Amber Studio color palette (#FFF3E6, #DEC67C, #B17E3F, #754D3C, #272108)
• Marigold Market color palette (#FFF2EA, #FFCD88, #BD9C23, #777332, #403F38)
• Washed Amber Ridge color palette (#F7E1D9, #D47400, #866100, #3C3200, #0A0C00)
• Misty Periwinkle color palette (#FFF3E5, #FFC06F, #6097EF, #A26800, #122748)
• Bronze Workshop color palette (#FDE4CE, #9B7400, #564B00, #202500, #000300)
• Ancient Lichen Market color palette (#FFF3E6, #F4FDB5, #C3FDDC, #CA8B76, #34312B)

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