Amber Pier color palette — #FFF1F6 · #C5A9F5 · #DB96AA · #B18A00 · #432A35

Built around Mustard, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C5A9F5): A luminous, balanced violet — the color of a velvet chair.
• Rosewood Mist (#DB96AA): A luminous, balanced red — the color of a theater curtain.
• Mustard (#B18A00): A luminous, balanced gold — the color of old brass.
• Espresso (#432A35): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, 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

• Moss Pier color palette (#FFF1F5, #CBA9E7, #E49681, #71A046, #472833)
• Timeworn Amber color palette (#E9FAF1, #77C5E8, #D597BB, #BE813D, #1C3A2D)
• Olive Loft color palette (#FEF1F6, #B89EEA, #E37C8C, #778800, #0B3328)
• Powdered Balcony color palette (#FFF1F1, #FF8BC9, #E78E31, #2D9E04, #461832)
• Pale Amber color palette (#F4D4DB, #BF80D2, #AE8D00, #008964, #290C31)
• Aged Basin color palette (#F9F3F7, #E1D8D7, #BCB2A6, #93A7F0, #4F444C)
• Sky Canyon color palette (#E7FAF4, #67BAFF, #C684BD, #3A8265, #102A24)
• Sunlit Ridge color palette (#EDF8F4, #ADDCFF, #E690AC, #1FABFA, #331D1A)

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