Pine Studio color palette — #FCE4CD · #B66D00 · #007931 · #004A66 · #110017

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

The five colors

• Parchment (#FCE4CD): A whisper-light, dusty gold — the color of old brass.
• Ochre (#B66D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#007931): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#110017): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Timeworn Navy color palette (#E9DFD2, #A47800, #00765D, #003C93, #15000B)
• Wandering Scarlet color palette (#FFE8DD, #E72F00, #517000, #004C5D, #100019)
• Amber Parlor color palette (#F4E7DB, #B29820, #6C8452, #2B567D, #1C1745)
• Patina Aubergine color palette (#EEE7CC, #828800, #00717D, #561E8C, #150200)
• Washed Loft color palette (#FEE1CB, #9E4C00, #004B6A, #002258, #030028)
• Bronze Orchard color palette (#F3E4CC, #8C6100, #383300, #1A1D14, #0D0600)
• Bronze Boulevard color palette (#F4E3C9, #A08700, #6F6B00, #465700, #091C00)
• Olive Pier color palette (#F4EBD5, #87A534, #338426, #77473C, #131000)

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