Pine Pier color palette — #ECE7F9 · #00823A · #2D141D · #350034 · #0C000C

Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Frost (#ECE7F9): A whisper-light, dusty violet — the color of wild irises.
• Olive (#00823A): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2D141D): A deep, shadowed, dusty rose — the color of a warm blush.
• Deep Indigo (#350034): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#0C000C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Twilit Drift color palette (#E7D9EB, #536800, #3A2619, #2D0010, #090002)
• Hushed Emerald Balcony color palette (#EADFF6, #47AB4A, #6B004D, #350024, #14091E)
• Wandering Garnet color palette (#F0E6F0, #BAA1AD, #8D7E52, #6C001E, #1C0D1D)
• Pale Garnet Workshop color palette (#E4DDEA, #A57C00, #680042, #230014, #040008)
• Mulberry Bloom color palette (#F3E2E3, #90A100, #8E2675, #49043A, #070001)
• Bronze Parlor color palette (#F6E2E9, #8F7900, #273629, #3C1E00, #120600)
• Cocoa Thicket color palette (#FAE9F2, #A69E52, #6C2E00, #3A1500, #1D1218)
• Charred Plum color palette (#E2DDEE, #A32E97, #1E3C00, #45003F, #000202)

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