Pine Market color palette — #FDF3EE · #B9705E · #3E733B · #494571 · #3A332F

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Caramel (#B9705E): A luminous, balanced orange — the color of autumn markets.
• Olive (#3E733B): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#494571): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#3A332F): a grounded near-black with real depth.

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

• Hushed Balcony color palette (#FDF2F2, #B37395, #746A07, #2A577B, #443130)
• Patina Drift color palette (#F9F4EC, #A38B4D, #007C76, #624066, #34302A)
• Softworn Lagoon color palette (#F9EEF5, #C3725E, #237A67, #274C71, #1B1522)
• Ancient Bronze Dune color palette (#FAF4F0, #DBDBD3, #9DB0AF, #AE7248, #57514E)
• Weathered Cocoa Harbor color palette (#FDF4E8, #D3958D, #80793A, #4E5585, #6A3A00)
• Timeworn Courtyard color palette (#FFF2EB, #DD8058, #24978A, #4C6C8D, #433131)
• Feathered Fern color palette (#FFF2EF, #E1AA90, #A17E3A, #5E5E00, #155835)
• Soft Dune color palette (#FFF4E0, #826500, #276F17, #350080, #2C2000)

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