Amber Pier color palette — #FBE7F9 · #948AFF · #E76C00 · #4B1E00 · #10020A

Tangerine and Lavender Blue set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FBE7F9): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender Blue (#948AFF): A luminous, vivid violet — the color of wild irises.
• Tangerine (#E76C00): A luminous, vivid orange — the color of toasted spice.
• Espresso (#4B1E00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#10020A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Pale Rose Meadow color palette (#E8E4FC, #4A9FFF, #FF4754, #592223, #080208)
• Worn Orchid color palette (#EBD9ED, #A263FF, #B87500, #3A2100, #000300)
• Cobalt Terrace color palette (#F2DAE3, #D8811D, #0E79D6, #7A2C00, #0D0400)
• Quiet Amber Hollow color palette (#F3DFFD, #A6AEFF, #B49A00, #524600, #00180B)
• Amber Drift color palette (#F5E6FA, #00ADB6, #B48300, #1F1400, #070300)
• Worn Sapphire color palette (#F2E1E8, #E58129, #165EE7, #AB2063, #1D0311)
• Weathered Grove color palette (#CEEDFD, #00B3B3, #E92D49, #511E21, #080208)
• Frosted Peony color palette (#F4E3FD, #F356B7, #8E7700, #3C3102, #000602)

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