Pine Studio color palette — #FAF6E1 · #88B175 · #007E44 · #82370A · #2B421F

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

The five colors

• Cream (#FAF6E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#88B175): A luminous, balanced green — the color of fresh herbs.
• Pine (#007E44): A full-bodied, balanced teal — the color of sea glass.
• Rust (#82370A): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#2B421F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Atelier color palette (#F5F6EB, #76A88B, #007461, #6A4004, #343630)
• Olive Station color palette (#FFF3E2, #ABA666, #5D7400, #872C3C, #413C01)
• Cypress Orchard color palette (#F8F2DF, #88B685, #007D6A, #663A60, #202300)
• Lagoon Garden color palette (#E9FAF0, #96CC8B, #009D82, #82597E, #274321)
• Misty Parlor color palette (#F0E8CE, #A5A300, #708100, #395A00, #00473E)
• Hushed Coast color palette (#E0FFDF, #82BE72, #307C00, #06490A, #033204)
• Aged Driftwood Cabin color palette (#F7F6EC, #C0C4A7, #748B49, #71671A, #4D5200)
• Feathered Cabin color palette (#F7F8DB, #BFFFD8, #5AD1C8, #787300, #284E2F)

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