Pine Market color palette — #DFF1EF · #987400 · #007B3F · #00475D · #000302
Pine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#DFF1EF): a clean, paper-quiet neutral.
- Ochre (#987400): A full-bodied, balanced gold — the color of old brass.
- Pine (#007B3F): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light, 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
- Tempered Navy Archive color palette (#DFEFE9, #828000, #006F51, #003784, #000303)
- Washed Amber Drift color palette (#CEF5EA, #C86500, #616700, #004A4A, #000400)
- Ancient Emerald Villa color palette (#E4E9D8, #3D9300, #007540, #004A3F, #000201)
- Nocturne Garden color palette (#D5E6CE, #00744B, #00403A, #001920, #020410)
- Cypress Study color palette (#F1F2DC, #00715D, #004262, #350F1B, #21000A)
- Garnet Meadow color palette (#D4F8FF, #005E57, #79001A, #002723, #140001)
- Airy Moss Canyon color palette (#E6EBD0, #B6A100, #29AE19, #00848F, #000502)
- Quiet Aubergine color palette (#D3ECF9, #00A36A, #007C95, #590C96, #000D1A)
Browse the whole catalog at Explore, or see today's palette.