Pale Magenta Pier color palette — #F7F3FF · #FFB1EC · #B7AB00 · #FB2BDC · #002416

Hot Pink and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Carnation (#FFB1EC): A whisper-light, balanced pink — the color of neon signs at night.
• Gold (#B7AB00): A luminous, balanced green — the color of a quiet forest floor.
• Hot Pink (#FB2BDC): A luminous, vivid pink — the color of a candy shop window.
• Onyx (#002416): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

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

• Powdered Lagoon color palette (#F9F2FC, #FFB7CE, #A1B300, #FF499A, #00241A)
• Dusty Villa color palette (#F5F3FF, #F5B3FF, #E79100, #E540FE, #2F121D)
• Peony Canyon color palette (#EEE8F3, #FD97C7, #A89500, #E13998, #001208)
• Violet Market color palette (#F3F4FF, #D5C3FF, #DAB930, #9865E9, #241C00)
• Feathered Garden color palette (#FBF1FF, #FFC6D7, #CE7B00, #D7307B, #19010B)
• Aged Boulevard color palette (#FFF2F0, #FF95B9, #C76B00, #D70074, #301500)
• Pale Lilac Courtyard color palette (#F2F5FF, #CDC7FF, #EC8D00, #9B83FF, #30101E)
• Blush Studio color palette (#F8F3F9, #FFC3C6, #3FC7AA, #F57180, #052A2D)

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