Amber Coast color palette — #FFF1F0 · #FFC7C8 · #F1A390 · #C98358 · #514C46

Caramel takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Shell Pink (#FFC7C8): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#F1A390): A luminous, balanced orange — the color of toasted spice.
• Caramel (#C98358): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, 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

• Worn Coral color palette (#FFF2EE, #E8D6CA, #F38D79, #A56852, #524B46)
• Apricot Parlor color palette (#FEF3EA, #F8CAAF, #77DADC, #DF9466, #1A5759)
• Tempered Driftwood color palette (#FFF2EB, #F4CBA5, #DBB775, #9F9243, #52514A)
• Aged Courtyard color palette (#FFF1F6, #EFC5EB, #E299BE, #CD7A94, #574F4C)
• Muted Tangerine Field color palette (#FFE3E4, #FF9D84, #F07600, #9F6E00, #4D3B00)
• Antique Blush Cabin color palette (#F3DBFF, #E9949C, #BB7465, #7E573B, #2C3E2B)
• Weathered Sky Veranda color palette (#FFF3E8, #EBBC98, #66D0D9, #6EB5F2, #47413C)
• Chestnut Boulevard color palette (#FFF2EA, #DEDDCC, #B8C1CD, #E4AFB5, #764806)

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