Pine Harbor color palette — #F4EADE · #989828 · #277229 · #4A3B68 · #1C1C00

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

The five colors

• Cream (#F4EADE): bright and airy, almost weightless.
• Moss (#989828): A luminous, balanced green — the color of new leaves after rain.
• Olive (#277229): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#4A3B68): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#1C1C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Meadow color palette (#E8E0CB, #61A651, #00715D, #553959, #1B1D00)
• Fern Thicket color palette (#EBFAEC, #A9A65A, #3D6F00, #5A244E, #090800)
• Ancient Mustard Drift color palette (#EEE2D5, #AAAB41, #488148, #6C4F2B, #312806)
• Faded Lantern color palette (#E5DFCF, #8D7100, #6F49CB, #5B469B, #181100)
• Hushed Moss color palette (#EEEDD1, #99A600, #6C6100, #363800, #090800)
• Hazy Clover color palette (#F5EBCE, #5DC745, #008C73, #754972, #1A3515)
• Ancient Bronze Courtyard color palette (#DAF5E0, #897A33, #4A4700, #4E1E00, #201A00)
• Antique Pine color palette (#E4E2C9, #008A61, #005052, #47182F, #040700)

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