Pine Studio color palette — #FFF4DF · #8DB065 · #007D57 · #604F19 · #3B3B34

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8DB065): A luminous, balanced green — the color of fresh herbs.
• Teal (#007D57): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#604F19): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Washed Jade Lagoon color palette (#FAF6DD, #5EB88A, #007978, #52514A, #1A442F)
• Olive Meadow color palette (#DEF9EF, #97B279, #427B31, #48511F, #162600)
• Dusty Mustard Boulevard color palette (#FFF3E8, #BCA223, #517626, #1E5B59, #3D3A34)
• Wandering Canyon color palette (#EEE4CB, #6A9B5F, #006451, #453F0B, #292B10)
• Tempered Emerald Station color palette (#FAF6E1, #A7C783, #659557, #656F3B, #2F4214)
• Misty Workshop color palette (#E6FDE0, #00AA9E, #D4425B, #006B63, #661C29)
• Misty Meadow color palette (#C2F0A7, #00C176, #007E73, #005B65, #004264)
• Weathered Powder color palette (#E5FFD7, #D2F0FF, #B5ABFF, #5D7839, #2F4A31)

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