Amber Pier color palette — #FFF0E1 · #FF8CBF · #D67B00 · #007844 · #272200

Built around Mustard, softened by Bubblegum — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF0E1): A whisper-light, dusty gold — the color of old brass.
• Bubblegum (#FF8CBF): A luminous, balanced rose — the color of a warm blush.
• Mustard (#D67B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#007844): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#272200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Marigold Archive color palette (#FFF3E5, #FF9CA6, #DC9800, #238945, #312D00)
• Washed Workshop color palette (#FFF0E6, #E47FD0, #F25405, #466F00, #2B1C00)
• Patina Amber color palette (#DAF4D7, #FF8C78, #CC8100, #666E00, #180D00)
• Apricot Field color palette (#FCF3E0, #FF8660, #A19100, #007363, #1C2B02)
• Faded Coral color palette (#EFDDC4, #F96474, #9F7B00, #00604C, #101600)
• Muted Amber Garden color palette (#EEDBCF, #B37D00, #645F00, #344700, #00352C)
• Chalky Rose Bloom color palette (#FFEBE4, #D47BFF, #F8233C, #786C00, #401509)
• Hushed Studio color palette (#FBE5E6, #BB9367, #587246, #514169, #55303F)

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