Pale Pier color palette — #FBDCDC · #839000 · #77205E · #2C0020 · #070001

A conversation between Olive Leaf and Mulberry, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDCDC): A whisper-light, dusty red — the color of late-summer berries.
• Olive Leaf (#839000): A luminous, balanced green — the color of new leaves after rain.
• Mulberry (#77205E): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Indigo (#2C0020): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#070001): 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 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

• Faded Garnet color palette (#F6DCD4, #938A00, #8A0628, #300008, #060000)
• Feathered Moss color palette (#EEDDE5, #5C9A3C, #4C3786, #180739, #060003)
• Tempered Terracotta color palette (#EADCD7, #A6A08F, #8B8B6B, #9C4342, #160400)
• Washed Mustard Workshop color palette (#EDD9D5, #C1BD5F, #AA5E72, #6A3644, #170604)
• Brick Meadow color palette (#FFE5DA, #B9A727, #AB3E31, #671810, #070100)
• Bronze Harbor color palette (#F2E0F7, #B05A00, #550025, #2B1313, #130004)
• Dusty Mulberry color palette (#F7DEDC, #DC4E8E, #825D00, #9F005B, #030100)
• Washed Mustard Bloom color palette (#F7E0C9, #E7B800, #B26C00, #6F4200, #1A0C00)

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