Pine Workshop color palette — #FFDFD3 · #358F3B · #00647B · #720013 · #000503

Built around Olive Leaf, softened by Oxblood — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDFD3): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#358F3B): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00647B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#720013): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Feathered Thicket color palette (#F9E3DE, #7D8000, #006862, #6C0042, #000500)
• Weathered Denim color palette (#FFE9D4, #008F70, #005D99, #582F00, #000405)
• Mulberry Boulevard color palette (#E6F1E0, #008570, #9E004F, #680031, #050100)
• Worn Veranda color palette (#E3E9C5, #6D9164, #0F7C81, #643700, #101200)
• Antique Onyx color palette (#F5E8CE, #00755D, #004550, #3C002C, #000504)
• Misty Cobalt color palette (#EEE1D0, #00B196, #2578CB, #704E00, #001A1D)
• Velvet Cypress color palette (#DCEDDA, #006A66, #002539, #071311, #000202)
• Quiet Cobalt Pier color palette (#F8EBE3, #81AC96, #1B76CA, #005F4F, #07002A)

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