Pine Summit color palette — #F1F3E7 · #9ABF97 · #B18DBB · #388536 · #4A232E

Olive Leaf takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F3E7): a clean, paper-quiet neutral.
• Sage (#9ABF97): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B18DBB): A luminous, dusty pink — the color of peonies in June.
• Olive Leaf (#388536): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4A232E): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Wandering Wisteria color palette (#E7FAF6, #95BD84, #BF7FB9, #558042, #504861)
• Patina Cypress color palette (#EDF4EC, #7CC2BE, #CF848C, #00837F, #47271F)
• Wandering Bronze color palette (#F8F1E2, #C1B37F, #9196D2, #867000, #2B2D4F)
• Patina Boulevard color palette (#F0F4E2, #78AA82, #778BC6, #AE5F52, #262A14)
• Patina Chestnut color palette (#FAF0E5, #C7B9A2, #9A7D5A, #784C30, #342B15)
• Cypress Market color palette (#EEF4EC, #D6C09E, #2E6D66, #24371F, #0E170B)
• Muted Courtyard color palette (#F1F4E7, #C8E3D6, #C0C3CE, #7E9765, #2F4100)
• Jade Harbor color palette (#F4F7EB, #C3F4CD, #E3BAF6, #55B06E, #523C5D)

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