Amber Pier color palette — #FDF3EF · #FFABA2 · #B48712 · #BC625B · #2B2316

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Rose Quartz (#FFABA2): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#B48712): A luminous, balanced gold — the color of old brass.
• Mocha (#BC625B): A luminous, balanced orange — the color of toasted spice.
• Onyx (#2B2316): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged duotone.

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

• Wandering Moss color palette (#FCF3EE, #F3B398, #7B9D38, #C06237, #262515)
• Frosted Amber color palette (#FEF2F1, #FCA7C9, #CA7740, #B56185, #2D2118)
• Aged Coral Orchard color palette (#FBF2FB, #FFC4C6, #B1B460, #E87D85, #152921)
• Linen Amber color palette (#FFE8DF, #F0B88C, #BC8100, #7B6700, #404300)
• Wandering Bronze Delta color palette (#FEF4E3, #E3A073, #9F8400, #1E6D86, #413C36)
• Apricot Study color palette (#FEEFE4, #FE853D, #817B00, #A74900, #171100)
• Chalky Blush color palette (#FFF2EF, #F8869D, #6C7711, #904354, #282412)
• Softworn Emerald Corridor color palette (#FDF4E7, #EFAD07, #00A145, #9A6F00, #1B2002)

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