Pine Workshop color palette — #FDF3F0 · #C3DDC2 · #3AA3C3 · #19812F · #193C5F

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#C3DDC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#3AA3C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#19812F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#193C5F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Turquoise Loft color palette (#FBF1FC, #CADEF6, #2CB7DA, #4E7C4C, #11304B)
• Cypress Grove color palette (#FBF4EE, #B9DED0, #7995CD, #007D76, #3C335C)
• Hushed Boulevard color palette (#EFF8F1, #97D2CF, #008895, #006248, #034152)
• Timeworn Alley color palette (#FBF4E9, #A4F1ED, #62C2CF, #4D9D80, #1F4332)
• Airy Cobalt Lagoon color palette (#E7DCD8, #7ABEC6, #007EAE, #005D37, #051B49)
• Patina Lagoon color palette (#F9F4EF, #CBE8EC, #A4AEE0, #2D979C, #654A54)
• Dusty Violet color palette (#DDEAD0, #12AE88, #8E78D1, #8C55CF, #003427)
• Hushed Grove color palette (#F2F0D9, #99B460, #C97EC4, #5B7600, #4D224B)

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