Quiet Pier color palette — #F9D7DF · #00B254 · #60007A · #260032 · #0A0002

A conversation between Kelly Green and Royal Purple, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9D7DF): A whisper-light, dusty red — the color of late-summer berries.
• Kelly Green (#00B254): A luminous, vivid teal — the color of sea glass.
• Royal Purple (#60007A): A deep, shadowed, vivid pink — the color of neon signs at night.
• Deep Indigo (#260032): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#0A0002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Pale Moss color palette (#FFD8D5, #79A600, #730044, #2F0018, #0B0000)
• Navy Summit color palette (#F1DCEC, #00AF7D, #202E92, #080E3E, #080007)
• Muted Mulberry color palette (#E8DFFF, #9EB92E, #8C2D82, #4C0E46, #1E031B)
• Olive Dune color palette (#F1D9CD, #847B00, #4F1000, #121811, #160200)
• Stone Study color palette (#FAEEF0, #ABCFA2, #7F535B, #402A2E, #1B1012)
• Quiet Veranda color palette (#F8F2FF, #F3B913, #9A0074, #3B002A, #040002)
• Pale Magenta color palette (#FFE6E9, #F219DF, #615F00, #810076, #050300)
• Hazy Amber Pier color palette (#FBDDD9, #E26C04, #6E003F, #37001D, #1B0001)

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