Pine Summit color palette — #F2E7C0 · #9AB676 · #1F8B53 · #00675F · #134963

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Parchment (#F2E7C0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9AB676): A luminous, balanced green — the color of new leaves after rain.
• Fern (#1F8B53): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#134963): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Soft Emerald color palette (#D8E9E5, #77BF7F, #00965E, #006350, #003039)
• Weathered Olive Summit color palette (#FFF3E4, #ACA161, #6A8923, #00703B, #11584B)
• Pale Chartreuse Alley color palette (#EFEEBC, #94DD82, #56BC8B, #449B8D, #225162)
• Worn Lagoon color palette (#F6F9D5, #8AC8B0, #259490, #007485, #2D5549)
• Peony Canyon color palette (#F3F7EB, #75AE8D, #C1698D, #00794B, #5D3344)
• Aged Lagoon color palette (#EAFCDD, #81CEC6, #00857A, #004D3F, #00352F)
• Antique Teal color palette (#DDF1E8, #00B1A4, #008393, #005D81, #18427F)
• Washed Lantern color palette (#F1F9E5, #C0EDE6, #BCCBFF, #7B8232, #3B533A)

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