Amber Coast color palette — #FFF2ED · #FFD1EF · #FFAB9F · #AA8F00 · #260F00

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Thistle (#FFD1EF): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FFAB9F): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AA8F00): A luminous, balanced green — the color of fresh herbs.
• Ink (#260F00): A deep, shadowed, dusty gold — the color of old brass.

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

• Amber Delta color palette (#FFF2F0, #F5D5E7, #FFA3C0, #E47702, #230002)
• Marigold Parlor color palette (#FFF3E8, #EDD7D0, #FFA838, #879900, #130C00)
• Washed Ridge color palette (#FFF2EA, #EADAD7, #EDC597, #B8B445, #331600)
• Airy Apricot color palette (#FFEAF8, #FFBEBC, #E7B06D, #ED8A00, #3A1400)
• Pale Grove color palette (#FFDFD8, #FF945F, #AD6600, #634A00, #221E00)
• Feathered Ember Alley color palette (#FFE3D4, #FF969C, #F6432A, #B05A00, #1C0500)
• Muted Tangerine color palette (#FFF3E9, #FFA5C7, #FE823B, #7B7700, #080400)
• Antique Lagoon color palette (#FFF2E5, #FF9B98, #C67B00, #358000, #020100)

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