Pine Market color palette — #F8F1E3 · #A8A178 · #407244 · #493C6E · #211C00

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

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Taupe (#A8A178): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#407244): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#493C6E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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

• Washed Denim color palette (#F5F2E5, #B2B790, #49826E, #64486F, #272A0F)
• Aubergine Ridge color palette (#F2E2CE, #9D9847, #477211, #391B7C, #191700)
• Worn Market color palette (#E3E0D3, #769874, #00644D, #4E225F, #121400)
• Dusty Pine color palette (#F6F6EB, #80A77B, #2F7246, #32543C, #35362F)
• Lagoon Hollow color palette (#EAF9F6, #A8DCD6, #549B71, #1C6F7D, #042F2C)
• Mulberry Station color palette (#FAE3E4, #BD75A9, #429648, #8B0073, #002404)
• Wandering Canyon color palette (#F9F0EB, #B3D0BB, #3385AC, #005D4C, #06203F)
• Onyx Orchard color palette (#F1EFDA, #37774D, #004037, #360038, #000401)

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