Pine Study color palette — #FCF2F6 · #C3B4E3 · #B3904D · #347E44 · #102820

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Lavender (#C3B4E3): A luminous, dusty violet — the color of a velvet chair.
• Mustard (#B3904D): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#347E44): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#102820): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Softworn Garden color palette (#FDF2F3, #E2B1D9, #969646, #007C75, #2F1F2C)
• Washed Pine Cabin color palette (#FFF1F3, #E9B9E9, #C28C63, #387B4B, #153C57)
• Tempered Olive color palette (#EDF8F5, #93C2F1, #C7827A, #6C6917, #1E2C1B)
• Dusty Apricot color palette (#FCF2F7, #B1ADF9, #DD925F, #459894, #3C2C35)
• Weathered Blush Boulevard color palette (#FFF2EF, #D88499, #5C9157, #006D81, #28101A)
• Wisteria Coast color palette (#FFF1F4, #C07CD7, #887F00, #005F4A, #041431)
• Dusty Olive Lagoon color palette (#FDF4E7, #FFCED9, #CF8BA1, #607D3C, #51373A)
• Iris Coast color palette (#EDF1FF, #8882CB, #517D46, #395333, #0C2222)

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