Quiet Pier color palette — #F2E9FF · #A70081 · #3A5F00 · #003E3E · #0E0008

Magenta Rose and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Magenta Rose (#A70081): A full-bodied, vivid pink — the color of neon signs at night.
• Olive (#3A5F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E0008): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Timeworn Mulberry Meadow color palette (#EFE2F9, #A00052, #125303, #002B33, #03000A)
• Quiet Grape Garden color palette (#E0E0F0, #8720BC, #605200, #004123, #0A0013)
• Antique Brick color palette (#FDDFF6, #B50D01, #006058, #003A54, #100000)
• Hushed Crimson color palette (#F0E5CD, #CD1F44, #713900, #00332F, #1E0100)
• Soft Orchid Dune color palette (#F9E3EB, #AE5DFF, #227000, #005892, #080015)
• Gentle Raspberry Archive color palette (#E6DBF1, #D24396, #833B00, #7D0052, #060003)
• Peony Parlor color palette (#F1DBFF, #FE3EA5, #207B05, #00646C, #3E0223)
• Ancient Scarlet Loft color palette (#F2DEE3, #D94E4B, #942C00, #472300, #120900)

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