Pine Coast color palette — #E6FBF6 · #83B182 · #297B4B · #005B68 · #254325
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF6): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#83B182): A luminous, balanced green — the color of new leaves after rain.
- Pine (#297B4B): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005B68): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#254325): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Ancient Olive Hollow color palette (#EFF8F2, #94BAA7, #6F7A3D, #784B4F, #2D4A3D)
- Forest Archive color palette (#D0EBE7, #6A9878, #006546, #004555, #09311A)
- Weathered Terrace color palette (#E1F9E9, #9CB26B, #138039, #50436F, #1B2500)
- Tempered Seafoam color palette (#F8F7E1, #A8E196, #70B87C, #56949B, #3B3B34)
- Sunlit Emerald Boulevard color palette (#FEF4E1, #ADC76D, #419C55, #6D5F93, #3C3B34)
- Hazy Corridor color palette (#DBF2E6, #8E9B35, #4A6500, #810407, #2C3200)
- Muted Drift color palette (#E9F9F6, #A8D6E9, #008EA8, #006666, #00475B)
- Moonless Alley color palette (#CAE9E0, #466839, #00350E, #290D00, #010800)
Browse the whole catalog at Explore, or see today's palette.