Pine Studio color palette — #F3F3E4 · #99BF98 · #49845D · #4A5C39 · #272915

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

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Sage (#99BF98): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#49845D): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#4A5C39): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#272915): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Studio 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

• Dusty Alley color palette (#F4F2EB, #CEC39C, #7C8A54, #57674D, #33312A)
• Worn Corridor color palette (#F5F3E2, #91B574, #297F22, #00585A, #152604)
• Wandering Hollow color palette (#FAF5E8, #CDE5C4, #61B282, #637E68, #393932)
• Antique Cerulean Pier color palette (#F2F2EC, #CCE3D0, #039FB5, #006D69, #0E3423)
• Worn Study color palette (#E1E8D1, #00AF81, #006B59, #004847, #001C12)
• Pine Villa color palette (#E3E6D5, #007C47, #00412D, #002520, #000401)
• Washed Mallow color palette (#FDECF6, #DFCDD3, #CFB3E3, #6A78A5, #3F2A35)
• Dusty Raspberry color palette (#FFECF5, #8C7FD4, #C74C83, #007695, #2C1622)

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