Pine Workshop color palette — #F5F7EA · #CBDFD7 · #ABC3B5 · #3B7B3B · #3F4136

A conversation between Olive and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F7EA): a clean, paper-quiet neutral.
• Silver (#CBDFD7): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#ABC3B5): A luminous, dusty teal — the color of sea glass.
• Olive (#3B7B3B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3F4136): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Cypress Boulevard color palette (#EFF8EE, #C6E0E0, #CCB3C7, #007A76, #394338)
• Emerald Dune color palette (#F3F7EC, #CFDDD5, #A7CABA, #429B67, #394600)
• Aged Summit color palette (#E6F6F5, #C7DAE4, #A8C5C9, #277D4D, #0E2A29)
• Patina Forest color palette (#EDF0E8, #C4D0C3, #8DA89B, #1B6439, #2C2F25)
• Driftwood Studio color palette (#EFF7F3, #E0D3D1, #A6A198, #6B8A79, #4E5450)
• Weathered Abyss Market color palette (#DDE5D8, #A6C1AF, #98889A, #005143, #1A2215)
• Dusty Jade Drift color palette (#FCF6D9, #4BBD76, #007A72, #4F5528, #3A3C35)
• Velvet Studio color palette (#E1E9DD, #007A67, #00303F, #0E1D05, #030A03)

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