Pine Harbor color palette — #F4DEC4 · #A96C00 · #00873F · #00625D · #090300

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

The five colors

• Parchment (#F4DEC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#A96C00): A full-bodied, balanced gold — the color of old brass.
• Fern (#00873F): A full-bodied, balanced teal — the color of sea glass.
• Pine (#00625D): A full-bodied, dusty teal — the color of sea glass.
• Ink (#090300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Timeworn Studio color palette (#F1E9D7, #A28600, #656F00, #00534E, #0E0B00)
• Moss Boulevard color palette (#F2F0DE, #768C00, #007655, #004D57, #000718)
• Tempered Amber color palette (#ECE0D3, #D88300, #787900, #935700, #020200)
• Hazy Emerald color palette (#E5E7CF, #309400, #007C9B, #00559D, #010600)
• Pale Violet Veranda color palette (#F9DAE7, #904AF2, #008274, #005F72, #070017)
• Washed Archive color palette (#FFE9DF, #9B4000, #00576A, #002D39, #030000)
• Bronze Delta color palette (#E9E2D9, #B0B29E, #8EA678, #966700, #1A1207)
• Tempered Canyon color palette (#FCEDD9, #A27100, #AD27B4, #9B0054, #080300)

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