Pine Garden color palette — #F1F3EB · #CBDCCF · #B6C5A7 · #357D3F · #242716

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#CBDCCF): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B6C5A7): A luminous, dusty green — the color of new leaves after rain.
• Olive (#357D3F): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#242716): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Pine Garden 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

• Worn Forest color palette (#E8EAE4, #C6CFBE, #99AA91, #00663D, #14180B)
• Dusty Olive color palette (#EEF8F6, #C9DEEA, #9EC3CE, #4B7838, #304541)
• Shadow Cypress color palette (#D7E5CB, #007E63, #00312D, #081400, #030401)
• Timeworn Atelier color palette (#F5F6EF, #D2E2D8, #9EBCD1, #67A550, #35362F)
• Timeworn Abyss Terrace color palette (#E1E7E2, #95A49A, #608572, #003F42, #000601)
• Misty Jade Villa color palette (#F9F4C8, #00AC6E, #007164, #003E76, #002317)
• Powdered Chartreuse Quarry color palette (#EAF8D6, #4FF971, #00CA94, #00998E, #002018)
• Worn Canyon color palette (#DAE1DE, #7F928C, #796279, #002E42, #000201)

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