Pine Summit color palette — #F9F5E7 · #8EA377 · #2A7438 · #3E5234 · #36362F
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Moss (#8EA377): A luminous, dusty green — the color of fresh herbs.
- Olive (#2A7438): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#3E5234): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#36362F): a grounded near-black with real depth.
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
- Washed Cypress Corridor color palette (#F5F6EB, #72A98C, #007364, #18545E, #2C3C00)
- Hushed Studio color palette (#E7E6D3, #6B9970, #006547, #283A6C, #282C09)
- Soft Moss color palette (#FBE8CD, #A29400, #516300, #004B5E, #342F00)
- Ancient Stone Basin color palette (#E8FBEA, #ADBE73, #568F68, #43697B, #1B3D32)
- Worn Fern color palette (#FAF5EB, #CBC199, #738963, #4C6F61, #5B4C00)
- Cerulean Thicket color palette (#F9F4ED, #B0CEB0, #008799, #00624C, #004155)
- Timeworn Pine Corridor color palette (#E3E6CA, #007F56, #004139, #00272E, #00140A)
- Aged Market color palette (#F8E9F7, #5F8DD9, #9A7100, #0A4EB5, #463200)
Browse the whole catalog at Explore, or see today's palette.