Pine Summit color palette — #EEF4E8 · #8EC0AB · #CA878E · #008663 · #4A261C

A conversation between Fern and Dusty Rose, giving this palette its sense of sophistication.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Mint Leaf (#8EC0AB): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#CA878E): A luminous, balanced red — the color of embers at dusk.
• Fern (#008663): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4A261C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. 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 Bloom color palette (#F0F8EC, #71C1B1, #C87F9F, #288373, #654341)
• Olive Boulevard color palette (#F2F3E7, #9FBD97, #A590C7, #42842E, #452533)
• Weathered Petrol Drift color palette (#E7F6ED, #85BDCF, #CB8C5F, #007F99, #49270D)
• Muted Lagoon color palette (#EAF8F9, #96D4B5, #E7989B, #4D9F7A, #5B445B)
• Softworn Bronze Boulevard color palette (#F6F2E5, #BDBE9E, #978139, #705129, #282F1F)
• Faded Scarlet Canyon color palette (#E5F8E5, #00AEAF, #DE443E, #00696A, #440003)
• Weathered Coast color palette (#EDF5E9, #F2CCE4, #B7DDEA, #7F8D61, #2D3B2F)
• Petrol Chapel color palette (#EAF5F0, #E2B9A9, #396783, #13392D, #071812)

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