Pine Workshop color palette — #F5F6EF · #BEC59D · #3B88A5 · #367F3E · #21322A

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Pistachio (#BEC59D): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#3B88A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#367F3E): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#21322A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Aged Bronze Loft color palette (#F8F5EF, #CCC192, #218F8A, #806C00, #273126)
• Timeworn Cypress color palette (#F2F7F2, #ADC9AD, #6F7AAB, #007D7D, #382833)
• Tempered Station color palette (#EAF4F4, #99D2BA, #00959B, #288365, #09181D)
• Dusty Grove color palette (#F3F6F0, #9FE2C7, #3EADB9, #4C9E81, #243227)
• Dusty Aubergine Quarry color palette (#E2ECE3, #00878D, #4400A3, #003A3C, #040015)
• Chestnut Terrace color palette (#FFF2EB, #81B59F, #3C819A, #804837, #3B4E38)
• Aubergine Meadow color palette (#D4E7DC, #00748E, #5A0050, #002C37, #050004)
• Antique Denim color palette (#F2FAD9, #ACC19E, #3A8F97, #006684, #194B87)

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