Pine Summit color palette — #F7F6E8 · #B2B38A · #548052 · #774E3B · #474500
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Sage (#B2B38A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#548052): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#774E3B): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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 Summit color palette (#F4F6EF, #BAC5AD, #758869, #855D1B, #3E5615)
- Tempered Pine color palette (#F7F6E5, #89A47D, #34733B, #5C4817, #36362F)
- Lagoon Terrace color palette (#F7F2E4, #B6B68E, #3F8561, #6B4A53, #292818)
- Softworn Pier color palette (#F3F7EF, #A1B796, #3C807C, #365E7F, #37482F)
- Hushed Cocoa Canyon color palette (#FFF3E7, #DCDCCA, #CCBF8B, #9F6B46, #6D4600)
- Dusty Quarry color palette (#FFF3E6, #D4A878, #9C641B, #633D00, #442800)
- Washed Chapel color palette (#EAFAF1, #B4CEA3, #4EA376, #716D8B, #2F4843)
- Dusty Plum color palette (#FFF3E9, #B47950, #718530, #9D4474, #3D3732)
Browse the whole catalog at Explore, or see today's palette.