Pine Workshop color palette — #FBF0DE · #99B274 · #007F53 · #5D3E6A · #252101

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FBF0DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#99B274): A luminous, balanced green — the color of fresh herbs.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5D3E6A): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#252101): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Petrol color palette (#F2F4DC, #68B9A5, #007988, #713746, #142606)
• Sunlit Meadow color palette (#FDF5E1, #9AAD5E, #467834, #773E35, #363F14)
• Ancient Moss color palette (#E7E0CF, #739A61, #00644E, #4A2C4C, #131300)
• Frosted Forest Delta color palette (#F1E2CF, #949D3B, #006E2A, #553700, #161800)
• Chalky Lime Study color palette (#E1FEE8, #A5CA66, #2C9D6C, #775E83, #144439)
• Ancient Chestnut Dune color palette (#F7F1E8, #C9C5A1, #559271, #7D5A12, #32312A)
• Muted Moss color palette (#E5FCEE, #D0E397, #64A54C, #95574D, #2A3305)
• Lime Workshop color palette (#DCFFC0, #89BE39, #647600, #313A00, #071100)

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