Pine Harbor color palette — #C4E7DC · #338C4A · #005B47 · #003657 · #002D18
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#C4E7DC): A whisper-light, dusty teal — the color of sea glass.
- Fern (#338C4A): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#002D18): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Patina Veranda color palette (#BBEADF, #008B74, #00585A, #18237F, #002B26)
- Misty Canyon color palette (#C9E6D8, #718100, #185D00, #003A43, #1C2900)
- Patina Emerald color palette (#D3FCF8, #92C46F, #00A649, #00735B, #002F1C)
- Moonless Balcony color palette (#CAEDEB, #006636, #3E3941, #001F21, #000C0B)
- Onyx Study color palette (#E0F8DC, #006562, #003740, #18004D, #000E0F)
- Quiet Olive Atelier color palette (#F0DEE7, #6F8300, #00594C, #510040, #011300)
- Timeworn Navy color palette (#E1FCF7, #52A99B, #0C7880, #3C458E, #1F434B)
- Aged Moss color palette (#F7D7BF, #84A000, #007A6A, #712263, #242704)
Browse the whole catalog at Explore, or see today's palette.