Pine Study color palette — #FFF0F8 · #897CC5 · #867E00 · #2D7B39 · #46313C

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Slate Blue (#897CC5): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#867E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#2D7B39): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#46313C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Market color palette (#FFF1F4, #A871B1, #508D2D, #007A6B, #4B2F35)
• Airy Bronze Parlor color palette (#FEF0FF, #4A8CD1, #AE6800, #517628, #413243)
• Linen Lantern color palette (#FFE4E3, #CE3B99, #008858, #006E74, #482137)
• Antique Bronze color palette (#FDF4E6, #AEA977, #916B17, #724524, #443E00)
• Misty Terrace color palette (#F0F0FF, #A276CD, #BC5D6B, #2772A0, #1C1C30)
• Misty Magenta Drift color palette (#ECDCF2, #BF2EEA, #3A5F00, #00623F, #360F42)
• Quiet Corridor color palette (#FFE0DC, #B2346A, #006F58, #005762, #370F1F)
• Aged Veranda color palette (#FFF0F7, #E9D5D9, #FFB4B8, #6086B5, #5D444A)

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