Pine Study color palette — #EDF8F6 · #A7CCA2 · #5782A5 · #477C42 · #252F38

Olive takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Pistachio (#A7CCA2): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#5782A5): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Olive (#477C42): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#252F38): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Wandering Pier color palette (#EDF7FA, #82D1C9, #7F73AC, #1B7D76, #2A2D3A)
• Pine Studio color palette (#F0F3EC, #BBCAA3, #369390, #008759, #10190F)
• Hushed Navy color palette (#D5FFFA, #97D1C1, #458E92, #1C6681, #284677)
• Dusty Lagoon Meadow color palette (#EFF7F7, #A9DCDF, #40ABC1, #22A37C, #1F3139)
• Tempered Nightshade Pier color palette (#D0E3E9, #008888, #3B07A8, #003A3A, #030016)
• Teal Thicket color palette (#FFF0FB, #71B8A0, #40809B, #7B4948, #344C52)
• Aubergine Atelier color palette (#D7E9F2, #00758A, #5A004D, #002C36, #050004)
• Driftwood Hollow color palette (#EEF7F8, #D5DBE1, #B1A9B0, #608B8E, #4B5555)

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