Pine Summit color palette — #EFF1CE · #B2D6AF · #73B283 · #398860 · #4D5049
Fern takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#EFF1CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#B2D6AF): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#73B283): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#398860): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#4D5049): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Muted Emerald color palette (#F8EFD0, #9FC088, #499B63, #1E6E55, #40563D)
- Emerald Lantern color palette (#F4F7EA, #A3D2AD, #DCA37D, #4EA067, #694329)
- Patina Taupe Basin color palette (#FFF4E0, #D5C895, #AA9F51, #7A7729, #54524B)
- Washed Studio color palette (#E6FDE0, #91D8D6, #47B2B7, #008390, #325741)
- Tempered Cypress Workshop color palette (#EEFAE1, #CEE4BC, #63AB91, #007B5D, #093E2E)
- Linen Celadon color palette (#CBFDE7, #B9E195, #8BC892, #649F8A, #2F575E)
- Gentle Thicket color palette (#CBE7DF, #2FBDB3, #00928F, #006669, #003F46)
- Dusty Amber color palette (#F2F9E4, #85C19C, #66B0CA, #AA9044, #41433C)
Browse the whole catalog at Explore, or see today's palette.