Pine Coast color palette — #E1FCF5 · #7CB36E · #007431 · #4A3900 · #000A08
Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E1FCF5): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#7CB36E): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007431): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#4A3900): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#000A08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Moss Field color palette (#EFF1E3, #89A500, #4B6D00, #224600, #011401)
- Weathered Clover color palette (#DEFFE4, #4BC270, #007930, #00340F, #000200)
- Worn Cabin color palette (#C6E9E7, #49A27A, #005B48, #2C2E00, #000201)
- Tempered Emerald Canyon color palette (#D8F5F2, #1BAF40, #0081C5, #005E1B, #000813)
- Pine Garden color palette (#E7FAF7, #8ACD9B, #008C5E, #385B31, #001F0A)
- Weathered Olive Summit color palette (#D3ECE3, #638832, #144900, #191E00, #010100)
- Feathered Pine Workshop color palette (#B9EDEB, #009258, #007694, #675200, #000201)
- Emerald Terrace color palette (#E2FCF5, #B8E8AD, #4AA863, #5A7539, #003731)
Browse the whole catalog at Explore, or see today's palette.