Pale Pier color palette — #FFF1F1 · #E885B7 · #B88900 · #B00075 · #211600

Magenta Rose and Mustard set the tone — five colors that lean into optimism and energy.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#E885B7): A luminous, balanced rose — the color of a warm blush.
• Mustard (#B88900): A luminous, balanced gold — the color of old brass.
• Magenta Rose (#B00075): A full-bodied, vivid rose — the color of strawberry cream.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Pale 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

• Dusty Quarry color palette (#FFF1F3, #D68BD4, #CD7C00, #A100A4, #261300)
• Brick Coast color palette (#FFF2EE, #EE888D, #8F9C00, #BA0037, #171B00)
• Airy Plum color palette (#F3D6D7, #FE9CE4, #04BCA2, #B6219A, #003129)
• Brick Terrace color palette (#FFF2EC, #F3867A, #9579F3, #BB0612, #1C0642)
• Worn Terracotta Boulevard color palette (#FFF2EC, #E4AF7D, #8F2717, #350200, #030100)
• Wandering Cocoa color palette (#FFF3E9, #DBA679, #A56439, #772A00, #1D0E00)
• Clover Cabin color palette (#FFF2EA, #FF905F, #3BB700, #B04400, #062600)
• Sapphire Delta color palette (#FFF1F3, #BE72B9, #D35331, #1B58EF, #1C001B)

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