Pine Market color palette — #F9F1E4 · #96A96E · #007848 · #5E384F · #201D07

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Sage (#96A96E): A luminous, balanced green — the color of fresh herbs.
• Pine (#007848): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5E384F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#201D07): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Worn Studio color palette (#F9F6E1, #7EA87A, #357153, #5B4059, #35362F)
• Weathered Lagoon Field color palette (#F5F2E7, #9DBE9B, #008874, #724940, #272912)
• Ancient Cypress color palette (#F5F2E4, #7DAE88, #00756B, #1F5045, #1A1E08)
• Misty Fern color palette (#F4E1CE, #A49704, #2B6C00, #3E326F, #191600)
• Emerald Villa color palette (#E6E1D1, #5D9F67, #006358, #53244D, #111400)
• Airy Chapel color palette (#F8E3E4, #BE74AB, #009171, #8C1B77, #002319)
• Softworn Lagoon color palette (#EBF9F4, #B8DBB3, #3F9F72, #4F6389, #002F2B)
• Patina Ridge color palette (#F9F0EA, #A7D4B9, #0A81CD, #005E48, #181D3D)

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