Pine Summit color palette — #F0F3EC · #8AC2A0 · #8365A2 · #007847 · #18080F

Pine and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Mint Leaf (#8AC2A0): A luminous, dusty teal — the color of sea glass.
• Slate (#8365A2): A full-bodied, balanced violet — the color of wild irises.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#18080F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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

• Faded Olive Field color palette (#F3F2EB, #A6BE75, #5D6FB7, #566F00, #170814)
• Ancient Cypress Workshop color palette (#EEF4ED, #96D1C8, #A56D97, #188379, #211112)
• Cobalt Boulevard color palette (#F2F7EF, #71C0B1, #496DB1, #006F62, #2D1E2C)
• Worn Emerald color palette (#EFF7F7, #9ED2B6, #718ADC, #009865, #1B2435)
• Frosted Plum color palette (#E7F7EB, #00BCD6, #A73198, #006776, #190104)
• Grape Summit color palette (#E5F3DD, #00AD92, #8C00AA, #005A4B, #0C0003)
• Patina Villa color palette (#EEF4EE, #CDDCDC, #CFBCBF, #378382, #262F25)
• Aged Teal Basin color palette (#FFEEE1, #36B1A7, #4B6AA6, #643B1E, #0E291A)

Browse the whole catalog at Explore, or see today's palette.