Pine Workshop color palette — #FAF6E2 · #8CAE77 · #007338 · #3C4000 · #080800

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

The five colors

• Cream (#FAF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8CAE77): A luminous, balanced green — the color of fresh herbs.
• Pine (#007338): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#3C4000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#080800): 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 Workshop 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

• Hushed Terrace color palette (#DBF2E6, #00B798, #006D69, #003D40, #000D11)
• Emerald Balcony color palette (#E2E4C2, #4FA171, #005B4A, #143400, #000201)
• Worn Meadow color palette (#FAF6DE, #A2C79C, #288A5D, #005E5B, #191A00)
• Hushed Abyss color palette (#EEE8D9, #74823F, #1C4800, #002218, #010100)
• Cerulean Corridor color palette (#FCF4E8, #8DDCD8, #008A97, #00543C, #000F15)
• Sunlit Field color palette (#EAE0CA, #8AB674, #009573, #746300, #0B2100)
• Airy Crimson Study color palette (#D9F8D8, #00A7A7, #D72D54, #005959, #170003)
• Weathered Mint Study color palette (#F4F8E2, #4FE0B0, #009286, #1E692E, #002519)

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