Pine Pier color palette — #F6F7E3 · #7BB380 · #007E4A · #325E14 · #1F4424
Pine takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7BB380): A luminous, balanced green — the color of fresh herbs.
- Pine (#007E4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#325E14): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#1F4424): 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 Pier 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
- Faded Station color palette (#FDF5DF, #A1A96E, #597500, #5A5200, #3A3E15)
- Antique Forest Basin color palette (#EBEED7, #63A372, #006C46, #004F43, #003916)
- Worn Lagoon Balcony color palette (#E0FDF2, #8ECD92, #009D7E, #666F39, #11433F)
- Hushed Fern Hollow color palette (#F4F7EC, #BBC5AD, #768867, #566D53, #415611)
- Aged Fern Bloom color palette (#F5EED9, #768046, #354E00, #003A09, #191D00)
- Tempered Olive color palette (#E4FDEA, #00A7B7, #868400, #006973, #3E3D00)
- Indigo Balcony color palette (#D0F6DC, #008FA3, #5D60D7, #00751F, #003740)
- Teal Harbor color palette (#C2E9E5, #00AEAD, #007D85, #005E6A, #004553)
Browse the whole catalog at Explore, or see today's palette.