Pine Coast color palette — #E6FAF6 · #80A780 · #2A7349 · #1D5647 · #1A3C39
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FAF6): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#80A780): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#2A7349): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#1D5647): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Teal (#1A3C39): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Tempered Corridor color palette (#D4EAE9, #4F9D80, #006353, #00445E, #003032)
- Muted Lagoon color palette (#E9F9F8, #87BDA6, #008771, #3D6069, #2A484A)
- Hushed Hollow color palette (#D9F2E6, #849F13, #3F6800, #004E49, #283300)
- Wandering Quarry color palette (#EDF9F0, #BED3A1, #76AE91, #66899C, #103E34)
- Patina Olive Basin color palette (#D7E8DE, #6D7116, #303E00, #002922, #101100)
- Weathered Plum color palette (#DCE3FF, #7968C8, #B92872, #00657E, #242A42)
- Worn Balcony color palette (#F1F5FF, #DED2FF, #D194E4, #546298, #3E4159)
- Soft Study color palette (#CCE1F8, #4F93E6, #265BDA, #2A3F96, #353C61)
Browse the whole catalog at Explore, or see today's palette.