Pine Workshop color palette — #D8E5E5 · #91A4B2 · #7989A1 · #067740 · #000C0C

Pine and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D8E5E5): a clean, paper-quiet neutral.
• Blue Fog (#91A4B2): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7989A1): A luminous, dusty blue — the color of deep harbor water.
• Pine (#067740): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Spruce Field color palette (#DFE2D8, #889084, #5F7060, #00331C, #010200)
• Wandering Abyss color palette (#EDF2E8, #9DA995, #56938B, #005338, #060B00)
• Weathered Petrol color palette (#DCE5EA, #ADAFBE, #A992BE, #007E99, #08161D)
• Wandering Pier color palette (#D4E9E4, #4A9B73, #007169, #34520A, #000808)
• Antique Petrol Canyon color palette (#E7F2E7, #009997, #006DA5, #713C20, #210A00)
• Worn Moss color palette (#E1F4F7, #84B300, #00AB95, #0082B4, #000303)
• Teal Summit color palette (#E8F0F1, #C9D5E3, #B0B9D3, #0CAA8F, #233132)
• Patina Alley color palette (#FEE2F5, #00924B, #006573, #710026, #000503)

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