Pine Harbor color palette — #FFF3E4 · #9DAB61 · #037E3F · #005B69 · #383F12

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#9DAB61): A luminous, balanced green — the color of new leaves after rain.
• Olive (#037E3F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005B69): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#383F12): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Hushed Jade color palette (#FAF6E2, #6BB780, #007A71, #285479, #1C4428)
• Antique Pine color palette (#E1F8EE, #8DB66B, #267E42, #1A574F, #142602)
• Aged Olive color palette (#FFF3E9, #BCA143, #547600, #5D4570, #45390F)
• Forest Courtyard color palette (#EDE3D1, #7A975D, #006547, #004559, #2D2A03)
• Jade Field color palette (#E3FDED, #BEDA93, #5EBC7C, #549598, #0D4439)
• Tempered Fern color palette (#FAF4EC, #C8C29F, #579069, #7D5C5D, #594D00)
• Wandering Forest Alley color palette (#FFF2EE, #90DEE1, #008CB6, #006B35, #244067)
• Antique Cobalt color palette (#CAF7E6, #008AC2, #7E7500, #4C6D00, #00354D)

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