Pine Summit color palette — #F8F5EC · #A1B890 · #34855C · #734F4A · #484500
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Sage (#A1B890): A luminous, dusty green — the color of new leaves after rain.
- Fern (#34855C): A full-bodied, balanced teal — the color of sea glass.
- Coffee (#734F4A): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#484500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Summit 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
- Chestnut Garden color palette (#F5F6EC, #B8C7A5, #4F8E8A, #915431, #3F5614)
- Stone Workshop color palette (#E8F5F0, #A6BD85, #607F53, #485B49, #122D27)
- Antique Pine color palette (#F9F5EA, #85A673, #00754E, #4D4B44, #36362F)
- Faded Dune color palette (#FFE4C3, #BBA252, #727E00, #476318, #2E5238)
- Hushed Veranda color palette (#F9F6E3, #9CA851, #A072C3, #636D00, #593642)
- Ancient Seafoam color palette (#F9F6E4, #C8E5D0, #64D9D8, #9B804B, #4F5300)
- Muted Garnet Summit color palette (#EFEDD2, #49A771, #00695D, #781D1E, #00381D)
- Patina Cobalt color palette (#FAF4EF, #C3E5D7, #598BD0, #007074, #593D50)
Browse the whole catalog at Explore, or see today's palette.