Pine Harbor color palette — #E1F9E9 · #9DB173 · #008136 · #005858 · #1B2500

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

The five colors

• Honeydew (#E1F9E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9DB173): A luminous, balanced green — the color of new leaves after rain.
• Olive (#008136): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005858): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#1B2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Jade Atelier color palette (#E4F7F1, #6ABC89, #007C6F, #06546E, #002813)
• Timeworn Olive Market color palette (#E6F8E4, #B9A94E, #597700, #3E4879, #022817)
• Pine Market color palette (#E4FBF4, #84B26F, #287D36, #1D5E45, #07443D)
• Worn Forest Bloom color palette (#D7EDE1, #759A5E, #006641, #004148, #081700)
• Airy Station color palette (#D2EDD8, #939C44, #277715, #372275, #161800)
• Emerald Thicket color palette (#F9F7DD, #B6EA9E, #4CA958, #327A5D, #1D3611)
• Lagoon Lagoon color palette (#EBF5EF, #A6CDC2, #638F70, #5D5F76, #203631)
• Pale Cerulean Field color palette (#FCEDF7, #8AE1E3, #0091AF, #006542, #002840)

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