Pine Summit color palette — #E7FCEB · #A1A962 · #227301 · #4D3800 · #070800

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

The five colors

• Ivory (#E7FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A1A962): A luminous, balanced green — the color of new leaves after rain.
• Olive (#227301): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4D3800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, 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

• Cypress Balcony color palette (#E2FCF2, #7FB082, #00705A, #394100, #000B01)
• Aged Garnet color palette (#E7FBF2, #84AF80, #007155, #671E2D, #010B00)
• Washed Market color palette (#D3E7DD, #6D9D57, #005C3E, #2F2D00, #000200)
• Jade Villa color palette (#DFECD5, #47B15E, #007E5B, #004039, #001416)
• Gentle Moss Dune color palette (#EDE7D7, #A5AF5C, #6B8D00, #6E6605, #1A1D00)
• Olive Boulevard color palette (#E9FBEC, #BAC091, #508640, #005E57, #001E14)
• Patina Brick Dune color palette (#D6F5F6, #27BB85, #CC002C, #005C3E, #170001)
• Feathered Coast color palette (#E5FBF3, #98D59F, #009378, #536000, #002708)

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