Pine Workshop color palette — #F1E8E3 · #AACAA9 · #00A3BF · #00824F · #002235

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1E8E3): a clean, paper-quiet neutral.
• Pistachio (#AACAA9): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00824F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hazy Azure Balcony color palette (#F6EAE3, #A2CBB5, #3599E0, #007E75, #071750)
• Antique Lagoon color palette (#D8EAE6, #87BBC8, #00858B, #005A4E, #00242A)
• Periwinkle Meadow color palette (#FFF2EA, #A8E4FE, #5DB0FF, #009894, #1F2A6C)
• Feathered Chapel color palette (#DFE3C7, #93DECB, #5CC8F0, #908D00, #00281A)
• Muted Teal color palette (#F1E3ED, #54ADAB, #006374, #003C21, #000C16)
• Antique Alley color palette (#E8DFD5, #7BACA0, #5066DC, #005B6A, #0D0025)
• Linen Emerald Study color palette (#DCEDDE, #6AC685, #009F53, #006A2A, #000B02)
• Washed Teal color palette (#FBF3F0, #C8E6E0, #77CAED, #44AE8C, #265147)

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