Amber Pier color palette — #FFF2F0 · #FFC5C3 · #EEAA81 · #B78638 · #524F48

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFC5C3): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#EEAA81): A luminous, balanced gold — the color of old brass.
• Mustard (#B78638): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#524F48): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Amber Pier 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

• Hushed Cocoa Garden color palette (#FFF2E9, #E9D6BC, #D1AE93, #B18678, #574600)
• Moss Harbor color palette (#FFF2E9, #EFCEA4, #CABC70, #899F4C, #4D4E47)
• Dusty Apricot Quarry color palette (#FFF2EA, #FBC8AE, #97CDFF, #E49165, #24584C)
• Weathered Coral Summit color palette (#FFF1F5, #F3C1E4, #EE9EB4, #C97871, #564F4A)
• Feathered Lantern color palette (#FCE3E0, #FF9F74, #D88900, #947E00, #404800)
• Sunlit Blush Dune color palette (#F9E0FF, #F69992, #BA784B, #6D542A, #234334)
• Tempered Apricot Terrace color palette (#FFE6DE, #E78C4E, #BB8000, #6F6500, #143A00)
• Tempered Powder color palette (#FFF3E8, #F2BA8E, #8BC3FB, #979CDD, #47413C)

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