Pine Summit color palette — #F1ECCE · #D3B900 · #89A400 · #198728 · #0C1400
Olive Leaf takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F1ECCE): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#D3B900): A luminous, vivid green — the color of a quiet forest floor.
- Moss (#89A400): A luminous, vivid green — the color of new leaves after rain.
- Olive Leaf (#198728): A full-bodied, vivid green — the color of new leaves after rain.
- Ink (#0C1400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Weathered Terrace color palette (#F5F3DD, #CCC700, #8FC139, #448F57, #1C1C00)
- Moss Loft color palette (#EBEDD4, #A2C700, #3CAB09, #00784E, #001603)
- Moss Lantern color palette (#D1F9EC, #D6A600, #799A00, #00845F, #0C2900)
- Frosted Marigold Loft color palette (#FAEBD2, #FDA43A, #BD9100, #6C6E00, #151000)
- Airy Thicket color palette (#FCF5D0, #FFAC83, #AAB300, #009E98, #002F14)
- Aged Fern color palette (#F4EBDA, #998F45, #575A00, #45370A, #191100)
- Mint Boulevard color palette (#E1F1D2, #1DDD73, #00A97F, #007F7F, #00100C)
- Misty Emerald color palette (#E3EBD5, #009762, #9B5800, #005535, #1F0D00)
Browse the whole catalog at Explore, or see today's palette.