Pine Workshop color palette — #F6F3DA · #88B86A · #2F7E32 · #44531B · #122702

Olive and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F3DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#88B86A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2F7E32): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#44531B): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#122702): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Linen Teal color palette (#EEF5E0, #5DBD99, #007D69, #145A36, #192507)
• Feathered Mustard Delta color palette (#FCF0DC, #B6AA4A, #6D7100, #5D4A00, #252100)
• Forest Quarry color palette (#E8E6CD, #6DA754, #006F25, #004A33, #071C00)
• Washed Emerald color palette (#E5FBF4, #9DCA83, #4B9B4E, #607040, #2C421F)
• Pale Bronze Station color palette (#E5F9E0, #00B0A3, #9F7E00, #006A62, #2A1F00)
• Lagoon Garden color palette (#E9EFDF, #2D8B6D, #005043, #00331B, #040A00)
• Washed Lagoon color palette (#F3F3E4, #8FE1DC, #00959B, #006455, #002B30)
• Quiet Indigo color palette (#B5F0FF, #0092AA, #654EFF, #00762F, #001C22)

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