Pine Summit color palette — #F5EDD6 · #2E7A2E · #004036 · #221F00 · #000400

A conversation between Olive and Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5EDD6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#2E7A2E): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Shadow Olive Parlor color palette (#F0DFCA, #6C6D00, #02430B, #002327, #030300)
• Muted Forest color palette (#F2E7D9, #8A9454, #00672D, #00414A, #161200)
• Patina Cypress Station color palette (#EAEBD7, #007A62, #003E45, #3C041B, #000402)
• Wandering Emerald color palette (#CBE9E0, #5AA15D, #005C3F, #233100, #000200)
• Faded Jade Summit color palette (#EBE5CA, #4EAB70, #006A63, #3D4300, #001C0A)
• Ancient Terrace color palette (#D6EADB, #006772, #8D0013, #003036, #0B0000)
• Dusty Olive Summit color palette (#FFEFDF, #B1AB5A, #2C8000, #00575B, #242100)
• Patina Grove color palette (#EADCD7, #4B989C, #00516B, #002E14, #000412)

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