Pine Summit color palette — #F8E7D4 · #9CA173 · #167A55 · #623C5D · #4F2940
Teal and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F8E7D4): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#9CA173): A luminous, dusty green — the color of new leaves after rain.
- Teal (#167A55): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#623C5D): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#4F2940): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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
- Softworn Cocoa color palette (#F4E9D3, #80A575, #317973, #71344D, #5E2302)
- Worn Garnet color palette (#F4EDDF, #7C925D, #00695A, #5A1E3C, #43111E)
- Patina Olive Bloom color palette (#FEE6DF, #AE8467, #6C6C00, #353D72, #4B2736)
- Dusty Driftwood Ridge color palette (#E5EFD3, #729864, #367051, #1C4254, #001E2F)
- Driftwood Pier color palette (#FFF4DB, #BBC0A3, #6F8D73, #7F5C57, #624C48)
- Washed Petrol Ridge color palette (#EDE4C1, #ADBC90, #6EA3A4, #636DA2, #442D4E)
- Timeworn Mint Balcony color palette (#EAF2D2, #93B978, #548A63, #2E6977, #1E4035)
- Mulberry Quarry color palette (#E0E1C0, #67A12D, #A50066, #2F5500, #490E2D)
Browse the whole catalog at Explore, or see today's palette.