Pine Workshop color palette — #EBF9F6 · #90BC9A · #2A865F · #395F72 · #2C4847

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

The five colors

• Ivory (#EBF9F6): a clean, paper-quiet neutral.
• Sage (#90BC9A): A luminous, dusty teal — the color of sea glass.
• Fern (#2A865F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#395F72): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#2C4847): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Olive Terrace color palette (#EDF9F2, #B0B485, #6A7C33, #695066, #33483F)
• Hushed Pine Corridor color palette (#E5FBF5, #84A67C, #25743C, #684027, #1D3C37)
• Chalky Teal Courtyard color palette (#D0F3F4, #00AA8C, #006960, #00486D, #00372C)
• Aged Station color palette (#FAF5E8, #B4CEA2, #6A9C80, #886772, #474500)
• Weathered Oat Boulevard color palette (#EEF8F0, #CBDDB1, #8BB89F, #958AA5, #2C4941)
• Lagoon Quarry color palette (#D9EEEA, #488B5B, #005235, #462500, #00220B)
• Shell Dune color palette (#FAF1FF, #EFD2DD, #F8B1A6, #A36F8B, #544557)
• Cobalt Basin color palette (#F8F2FF, #CA86B3, #0091DC, #993E7E, #2A455D)

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