Pine Workshop color palette — #FFF2ED · #BB7071 · #588B39 · #007E3C · #4D2F25

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Caramel (#BB7071): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#588B39): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#007E3C): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4D2F25): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Patina Lagoon color palette (#FFF3E9, #B37A53, #1C9068, #007971, #3D3732)
• Muted Fern color palette (#FFF1F3, #A773A9, #907923, #506E24, #4E2D33)
• Bronze Meadow color palette (#FEF4E4, #A07B23, #707728, #005B7B, #36322C)
• Peony Ridge color palette (#F7EEFF, #C9679A, #868400, #05759A, #24192C)
• Faded Scarlet color palette (#FCE9E5, #CB2B1C, #00765B, #00585C, #4B0200)
• Cocoa Courtyard color palette (#FFF2EA, #BCA281, #936750, #7D3941, #3F3D36)
• Timeworn Moss color palette (#FFF1F1, #E47EB2, #A09F00, #3192B8, #4B302F)
• Weathered Alley color palette (#E2E7C3, #5A6000, #005768, #00406A, #121300)

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