Pine Pier color palette — #E5E3F2 · #007C4C · #34003E · #261019 · #07000A

Pine takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E5E3F2): A whisper-light, dusty violet — the color of wild irises.
• Pine (#007C4C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#34003E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#261019): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#07000A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Deep Olive Quarry color palette (#F7EAFD, #41780C, #3E001E, #1D0B04, #0A0003)
• Shadow Onyx color palette (#D9E0F1, #4F7600, #19005F, #210D20, #020014)
• Aubergine Pier color palette (#EFDCE1, #009E46, #540075, #1B0029, #060002)
• Bronze Drift color palette (#E7E1EF, #896600, #3A2119, #38002A, #0E0008)
• Garnet Bloom color palette (#E7E0E9, #AF98A5, #65856A, #68002B, #070209)
• Tempered Moss color palette (#F3E0F1, #88971D, #700010, #2B0003, #050004)
• Ancient Chestnut Drift color palette (#F9EFF2, #C3B377, #7A4700, #3B1C29, #16070D)
• Moonless Alley color palette (#FCE5E5, #B28600, #4F003D, #120502, #040002)

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