Pine Coast color palette — #E0E6D5 · #2F8E38 · #005D3C · #002B25 · #01131D
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E0E6D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#2F8E38): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005D3C): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002B25): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#01131D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Pine Coast 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
- Quiet Alley color palette (#C8E8E5, #8EA800, #008F4B, #00635E, #00180D)
- Olive Ridge color palette (#E5E1D2, #828000, #315300, #00330F, #001D12)
- Misty Olive Summit color palette (#DAEEDE, #2F7900, #00483D, #360054, #001C0A)
- Quiet Moss Chapel color palette (#F4E6C6, #789D00, #007655, #004342, #001724)
- Timeworn Lagoon color palette (#DBF5EC, #008B85, #005561, #002E3E, #00192D)
- Weathered Orchard color palette (#D9E4E1, #A4BFBD, #69979B, #2F4F00, #09251F)
- Wandering Teal color palette (#CDE8D7, #00AF95, #006E71, #00424E, #002A3C)
- Twilit Lagoon color palette (#D7F4F3, #005333, #2A272E, #001310, #000404)
Browse the whole catalog at Explore, or see today's palette.