Pine Harbor color palette — #E9F5F0 · #90A97C · #387347 · #2A4869 · #00221C

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

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#90A97C): A luminous, dusty green — the color of new leaves after rain.
• Pine (#387347): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A4869): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Lagoon Lagoon color palette (#EAF5F2, #89BFBC, #438370, #4A5277, #0D2D2C)
• Pine Cabin color palette (#E3F7EE, #99B180, #198033, #6F2E6C, #162600)
• Aubergine Garden color palette (#D7EBDB, #9F9933, #4E6500, #462A78, #191700)
• Worn Basalt color palette (#D4E8E1, #75996D, #00663E, #5A1D4A, #021800)
• Softworn Cerulean Harbor color palette (#EDF4EE, #AECDDA, #2088A8, #005C54, #002338)
• Antique Navy color palette (#E3F5EF, #548752, #005134, #0D255A, #000B00)
• Ancient Emerald Drift color palette (#FEF1F5, #D5D3A3, #66995B, #814F78, #093021)
• Hazy Raspberry Bloom color palette (#EBE4F5, #B05795, #7E6F00, #00667C, #25061C)

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