Pine Harbor color palette — #E7E2F0 · #348D4A · #4B0040 · #140010 · #020006

Fern and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E7E2F0): bright and airy, almost weightless.
• Fern (#348D4A): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#4B0040): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#140010): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Olive Study color palette (#F1E8F4, #4A7624, #3E001B, #1C0B03, #0A0002)
• Midnight Aubergine color palette (#E0E4F2, #3F8C46, #2E0072, #090023, #00000A)
• Aged Mulberry color palette (#F1DDDF, #3DAC53, #77006A, #33002C, #090001)
• Bronze Atelier color palette (#E6DDED, #9A7300, #4B002A, #331A0E, #19000B)
• Aged Pier color palette (#EADAEB, #81A321, #780026, #31000B, #0A0001)
• Garnet Market color palette (#E5DFE5, #BCAFB4, #769683, #830018, #120611)
• Fern Harbor color palette (#E9DBE3, #5D5C00, #29281F, #280800, #040000)
• Washed Driftwood color palette (#FFE8EF, #A08C41, #523000, #1D0E00, #060002)

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