Amber Pier color palette — #FFF0E6 · #FFB46F · #CB7F00 · #7C5500 · #3B2A00

A conversation between Mustard and Cantaloupe, giving this palette its sense of optimism and balance.

The five colors

• Cream (#FFF0E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cantaloupe (#FFB46F): A whisper-light, balanced gold — the color of old brass.
• Mustard (#CB7F00): A luminous, balanced gold — the color of old brass.
• Coffee (#7C5500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged warm.

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

• Driftwood Villa color palette (#FFF3E4, #DFC48B, #A7834C, #71512D, #2C1F02)
• Amber Corridor color palette (#FFE6E2, #F7A179, #D18300, #8D7100, #3B3A00)
• Tempered Ember color palette (#FFF2F0, #FFA495, #D2684B, #9A4012, #4C2405)
• Softworn Study color palette (#FFF3E4, #F3CE87, #C2A543, #776B1C, #3E3C35)
• Antique Amber color palette (#F3E3D3, #D58C00, #7C5700, #493600, #0B0800)
• Misty Teal Thicket color palette (#FFF3E3, #E2B86C, #00C0A7, #996E00, #003028)
• Dusty Bronze Workshop color palette (#EDE6D7, #9B8500, #554C00, #272800, #030400)
• Faded Moss color palette (#FEF9B6, #C7CE61, #82951E, #4B6A00, #192F02)

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