Pine Coast color palette — #E8ECD6 · #338A3E · #006F8F · #233F7F · #0F1201
Olive Leaf and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E8ECD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#338A3E): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#006F8F): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#233F7F): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0F1201): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Misty Navy Market color palette (#EAF0E4, #00916F, #005F75, #20247B, #0E1800)
- Faded Orchard color palette (#DFEFD8, #008875, #3161B5, #453679, #071402)
- Worn Olive Terrace color palette (#EEE9D9, #7E7900, #00746D, #004B60, #160F00)
- Linen Nightshade color palette (#DDECDF, #00727B, #4D3DB1, #521460, #000B02)
- Ancient Denim color palette (#DEF6E4, #896D00, #5F52A3, #433979, #172C1E)
- Jade Corridor color palette (#DFF0D7, #60AB63, #007848, #00432F, #001D18)
- Dusty Amethyst Delta color palette (#DDFBE4, #008C9B, #7541DB, #6D2475, #001A09)
- Fern Summit color palette (#E8E3C3, #4B5900, #004E53, #4B0F00, #020300)
Browse the whole catalog at Explore, or see today's palette.