Pine Market color palette — #FEF3E6 · #98A16B · #21753B · #673D42 · #37352F
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
- Moss (#98A16B): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#21753B): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#673D42): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#37352F): a grounded near-black with real depth.
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
- Pine Balcony color palette (#FDF4E5, #90AF68, #007D55, #614370, #304118)
- Dusty Orchard color palette (#E3F7EF, #8CAB79, #317547, #304863, #00221D)
- Tempered Emerald Orchard color palette (#EDE4CE, #6B9A5F, #006451, #503051, #2A2B03)
- Wandering Stone color palette (#F8F5E8, #9EC189, #5A8E68, #705B71, #36362F)
- Washed Study color palette (#FBF3F0, #ABCFB5, #1681B7, #006342, #4B3047)
- Hazy Parlor color palette (#FFE9E5, #C96B88, #648700, #922951, #2B3C03)
- Dusty Pine color palette (#F3EBD1, #3B7C43, #004139, #460017, #0F1100)
- Aged Marigold color palette (#FFF1F2, #F7D2C5, #DFAC73, #626BA7, #52352F)
Browse the whole catalog at Explore, or see today's palette.