Pine Studio color palette — #F3F6EE · #C8E4D4 · #AEC4A6 · #087E50 · #374700

A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Celadon Mist (#C8E4D4): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#AEC4A6): A luminous, dusty green — the color of new leaves after rain.
• Teal (#087E50): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#374700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol color palette (#EDF9EF, #C5E1DE, #A1C6B5, #007884, #344538)
• Pine Quarry color palette (#F1F3EC, #CBDBD3, #B0C6AF, #137F47, #232714)
• Antique Workshop color palette (#EAF9F8, #CADDEA, #AFC2D3, #399C61, #324443)
• Forest Coast color palette (#EBF1E5, #C4D0BF, #92A790, #14634E, #2B3027)
• Timeworn Workshop color palette (#E6EFE9, #92B2A1, #6A867B, #003F49, #08180E)
• Patina Station color palette (#F4F6EE, #CDE0D9, #BCBCC6, #2CC356, #3D4500)
• Pale Chartreuse color palette (#E9FCDE, #49F99D, #00BE9A, #00979D, #003B33)
• Airy Aubergine color palette (#E8FCE5, #009189, #00618A, #3A2A8D, #1D3900)

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