Pine Summit color palette — #F5F9D6 · #168518 · #005D71 · #5C3000 · #222300
Built around Olive Leaf, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Custard (#F5F9D6): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#168518): A full-bodied, vivid green — the color of fresh herbs.
- Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5C3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#222300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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 Garnet Balcony color palette (#FDF6D8, #6B7200, #005E5B, #760402, #2D1B00)
- Denim Canyon color palette (#EEF9EC, #008880, #395DA4, #464600, #272B19)
- Worn Garnet color palette (#F3F9D7, #008C32, #97030D, #503100, #2C2500)
- Dusty Basin color palette (#EBFBE1, #00927B, #006383, #392A8E, #133B00)
- Muted Cabin color palette (#EAFAF0, #339CBF, #715B99, #3A5E3B, #2F3A2D)
- Aubergine Study color palette (#D8FBE0, #00717D, #3E00A9, #223600, #001B15)
- Fern Study color palette (#F3F7ED, #C7E4D4, #B1C2AB, #347A58, #364700)
- Navy Boulevard color palette (#DFF1D3, #00594C, #003060, #211A00, #070900)
Browse the whole catalog at Explore, or see today's palette.