Pine Coast color palette — #F8F6E6 · #9E9E73 · #3F713B · #355438 · #36362F
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#9E9E73): A luminous, dusty green — the color of fresh herbs.
- Olive (#3F713B): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#355438): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Worn Spruce color palette (#F2F8E6, #6EA992, #1C7262, #075656, #283D00)
- Dusty Forest Quarry color palette (#E8E5D3, #79975D, #316228, #5C301E, #1D2F09)
- Wandering Bloom color palette (#F9F1E5, #AAA07A, #4C703D, #42406D, #231B00)
- Emerald Lagoon color palette (#EDF9EF, #B5B98C, #628E51, #5F5D8D, #143E2F)
- Weathered Jade Pier color palette (#E6FBF3, #BBD3AA, #7AB075, #538F92, #153D36)
- Aged Driftwood Lagoon color palette (#FAF5E8, #C9C1A4, #8F8239, #7B5E55, #5D4B00)
- Ancient Pine color palette (#E0E7D0, #007F5B, #004235, #002636, #00140B)
- Stone Garden color palette (#FFF1F2, #FDD1CE, #E49CA5, #876086, #5D3A3A)
Browse the whole catalog at Explore, or see today's palette.