Amber Pier color palette — #F9D6CD · #FC9687 · #BA7100 · #7B295C · #3A1111

A conversation between Ochre and Mulberry, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F9D6CD): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FC9687): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#BA7100): A luminous, balanced gold — the color of old brass.
• Mulberry (#7B295C): A full-bodied, balanced rose — the color of strawberry cream.
• Onyx (#3A1111): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Feathered Ember color palette (#FDE7EF, #DD979A, #E06A26, #6E2D76, #3A1712)
• Bronze Boulevard color palette (#FFE4E3, #E89B8A, #A28600, #593372, #260202)
• Airy Workshop color palette (#F9E1D4, #DA955F, #947600, #73122F, #2E0D00)
• Chalky Apricot color palette (#ECDDF3, #FF9F82, #BCA443, #805399, #421A1B)
• Timeworn Archive color palette (#ECDED4, #CCAA70, #8F9900, #8A2E18, #331F01)
• Hazy Corridor color palette (#F4DDC8, #A88945, #5A6E00, #611A00, #140A00)
• Wandering Bronze color palette (#F5E3CF, #8F712E, #623C00, #421B00, #1A1600)
• Weathered Peony color palette (#F2D3F3, #FFB1A7, #D4A764, #BF6683, #3B0E0E)

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