Pine Studio color palette — #F5F7E7 · #98BB93 · #63A1C7 · #557F4E · #2D5749

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

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#98BB93): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#63A1C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#557F4E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#2D5749): A full-bodied, dusty teal — the color of glacier melt.

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

• Patina Cypress color palette (#F1F8E9, #7EC0A6, #8199C7, #2E8467, #5C435A)
• Antique Loft color palette (#FBF4EA, #C4AD78, #59A99F, #896F2E, #3F543A)
• Hushed Cypress color palette (#F0F8EC, #78C0AE, #B69256, #098571, #514C46)
• Wandering Lagoon color palette (#F3F9DB, #AED7B3, #64916B, #305938, #34352E)
• Patina Olive Corridor color palette (#F3F3E4, #A5BC91, #B08DBF, #548112, #48242F)
• Bronze Hollow color palette (#FBF5E7, #BDB172, #C68196, #817325, #65433E)
• Muted Moss Ridge color palette (#E9F9F5, #B9CCA2, #CAA0D0, #779A43, #4E4868)
• Timeworn Courtyard color palette (#E6F3E2, #00A396, #6C6DC5, #00655C, #2E2D63)

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