Pine Market color palette — #F5F2E4 · #90A981 · #347449 · #623B2A · #1E1D05
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F2E4): a clean, paper-quiet neutral.
- Sage (#90A981): A luminous, dusty green — the color of fresh herbs.
- Pine (#347449): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#623B2A): A deep, shadowed, dusty orange — the color of autumn markets.
- Onyx (#1E1D05): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Softworn Market color palette (#F2F3E6, #AEB996, #418372, #774908, #242A13)
- Moss Ridge color palette (#F0E3CD, #9D9A2A, #4A6600, #4E3B00, #181700)
- Forest Villa color palette (#E9E9D2, #689B76, #00644D, #2C401A, #101400)
- Tempered Cypress color palette (#E8FAF1, #6FA7A1, #057364, #623C5A, #0A3E3A)
- Olive Canyon color palette (#D8FACA, #87BD7F, #3F762B, #093C03, #041300)
- Timeworn Olive Veranda color palette (#F4F4D8, #BFE1C6, #6BC6BE, #70712A, #222609)
- Softworn Lagoon Orchard color palette (#FCF5E1, #B5DDAD, #469B87, #7C585D, #282A11)
- Olive Terrace color palette (#EAEACC, #5E8B31, #3371B2, #8F3C4A, #0A1800)
Browse the whole catalog at Explore, or see today's palette.