Pine Coast color palette — #F8F5E9 · #9BBB88 · #4C815B · #675168 · #474500
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Sage (#9BBB88): A luminous, dusty green — the color of fresh herbs.
- Fern (#4C815B): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#675168): A full-bodied, dusty pink — the color of peonies in June.
- Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.
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
- Weathered Olive color palette (#FDF4E6, #B7B182, #6D7B3D, #436252, #534000)
- Hushed Alley color palette (#F4F7EB, #B6C8A3, #4E8E86, #755E6B, #3E5616)
- Airy Moss Grove color palette (#FFF4E0, #A9A93D, #577520, #6B4351, #3D3D13)
- Quiet Drift color palette (#FFF1F2, #D17FBF, #4A9D73, #8D497F, #41443D)
- Aged Teal Study color palette (#EBF9F6, #B5DFDA, #7EBC96, #5A9CA9, #1F4B47)
- Patina Fern Veranda color palette (#EDE4CF, #839548, #2A640E, #55313A, #2E290B)
- Timeworn Emerald Ridge color palette (#EDEFC7, #00AD66, #006A56, #353B79, #00381E)
- Dusty Shell Delta color palette (#FFF1F1, #E4D7D3, #F8BAAA, #8D6F96, #5E4744)
Browse the whole catalog at Explore, or see today's palette.