Pine Harbor color palette — #E8F3DA · #42763C · #005838 · #002430 · #000B16

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E8F3DA): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#42763C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005838): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002430): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B16): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Softworn Lantern color palette (#CAE8D5, #377C69, #004C4B, #07274C, #050227)
• Smoked Fern Drift color palette (#DDE8CD, #436800, #144700, #002206, #000802)
• Softworn Harbor color palette (#E7EDD1, #679A49, #3D704D, #004554, #001F32)
• Aged Lagoon color palette (#EBECDC, #51979C, #00535E, #002C29, #000508)
• Aged Villa color palette (#E0E3C7, #2A6C00, #7C2C00, #103300, #080100)
• Olive Ridge color palette (#FFEBD5, #787E35, #005442, #411543, #300217)
• Dusty Market color palette (#FFECCF, #959940, #00785C, #471D44, #150014)
• Petrol Atelier color palette (#D2F7EB, #5B9C97, #007482, #303759, #2F1523)

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