Pine Coast color palette — #F7F7E1 · #87AF80 · #047335 · #004734 · #010B00
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#87AF80): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#047335): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004734): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Worn Coast color palette (#DFE4D0, #4CA179, #005B47, #003330, #000201)
- Antique Pine Pier color palette (#F5F7E2, #95CA9F, #008C5C, #005B6C, #001F09)
- Abyss Chapel color palette (#F3F1E1, #668548, #0F4902, #002121, #010200)
- Aged Cerulean color palette (#F6F7E7, #B6D6B8, #008A98, #00524B, #000F14)
- Gentle Courtyard color palette (#F7F7E4, #BCE6B8, #4EA76C, #007987, #1A3618)
- Antique Cornflower color palette (#FAE7FA, #4993EE, #00915A, #004B96, #000B04)
- Aged Parlor color palette (#F3D6F6, #227CD2, #9932B6, #00625B, #000206)
- Washed Basalt color palette (#F8F5EC, #C1E1CF, #A4B689, #7A8C73, #524600)
Browse the whole catalog at Explore, or see today's palette.