Amber Coast color palette — #FFF0F9 · #F8D2C6 · #FFA587 · #AA8700 · #190700

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#F8D2C6): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FFA587): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AA8700): A luminous, balanced green — the color of a quiet forest floor.
• Ink (#190700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light, 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

• Weathered Amber color palette (#FEF0FF, #FFCCF0, #FFB2B5, #D57200, #280003)
• Feathered Marigold Delta color palette (#FAE6DC, #E59D4C, #9D7000, #5F4A00, #201C00)
• Linen Honey Bloom color palette (#E4FDE5, #DCDDC4, #F9B733, #91A100, #1A1100)
• Tempered Amber Veranda color palette (#DDFFE4, #FFA56B, #C49100, #467500, #020100)
• Mustard Lantern color palette (#FFF1F7, #E5D9D3, #FFC29E, #CCAA00, #3B1F00)
• Quiet Lantern color palette (#FFE7D3, #FF82C6, #EC562A, #647D00, #1C0E00)
• Lowlit Balcony color palette (#FCDBEB, #B85700, #342000, #150A01, #0C0006)
• Linen Marigold color palette (#C9ECDF, #CB9D00, #7C8A00, #006143, #010200)

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