Pine Studio color palette — #EFF7F6 · #9DCBC4 · #7177B5 · #368031 · #282E3B

Olive and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Stone (#9DCBC4): A luminous, dusty teal — the color of sea glass.
• Slate (#7177B5): A full-bodied, balanced violet — the color of wild irises.
• Olive (#368031): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#282E3B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Delta color palette (#F0F7F3, #CEC08C, #5881AB, #816C00, #242F3A)
• Muted Cobalt Pier color palette (#F0F3ED, #9ED0BA, #3E88C6, #1C8563, #0A1915)
• Driftwood Orchard color palette (#EEF7F9, #91CEC8, #A66587, #007E77, #312B37)
• Patina Turquoise color palette (#EFF7F7, #A9DFC7, #09ABD6, #479F7E, #252F36)
• Patina Mulberry color palette (#D0E2E7, #00878A, #6F005A, #003A3B, #0B0007)
• Chestnut Delta color palette (#FFF0F7, #80B697, #487E9D, #824820, #2A4E56)
• Hushed Denim color palette (#D6FFF8, #93CACE, #36929E, #26609C, #3D3E7F)
• Timeworn Lagoon Study color palette (#EFF7F8, #D7DBE1, #B4A8AE, #489185, #495557)

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