Pine Harbor color palette — #FEDDEF · #ABA7FF · #8D8200 · #007C3B · #002D11

Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEDDEF): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#ABA7FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#8D8200): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#007C3B): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002D11): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Muted Moss color palette (#F1E0FF, #D394FF, #5C9100, #007B52, #002C1F)
• Muted Periwinkle Dune color palette (#FCDDF5, #84A3FF, #A58700, #746900, #0F2C00)
• Timeworn Moss color palette (#FFF1F6, #D2B0FF, #9A9200, #00868C, #00383B)
• Linen Villa color palette (#C2F5E4, #5BBDFF, #C45F00, #776700, #2B2400)
• Pale Orchard color palette (#EAF0FF, #EE9DED, #D7887A, #318B79, #00463A)
• Patina Garden color palette (#FDF1F8, #C3BFFF, #B7AA65, #589582, #384929)
• Peony Station color palette (#F8DBD8, #FC069E, #008855, #005B6B, #00151A)
• Softworn Periwinkle Veranda color palette (#FFF3E9, #AAE3FF, #74ABFF, #00998A, #312763)

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