Pine Market color palette — #EDF0E5 · #D1DBCB · #A5BFAB · #3F824F · #2D2F25

Fern and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDF0E5): bright and airy, almost weightless.
• Bone (#D1DBCB): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#A5BFAB): A luminous, dusty teal — the color of sea glass.
• Fern (#3F824F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2D2F25): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Pine Summit color palette (#EEF7F7, #D0DFE9, #B4C4D4, #008E4D, #062323)
• Softworn Cypress color palette (#ECF2E8, #B5CBB7, #8CAE9E, #007259, #1A2311)
• Timeworn Villa color palette (#E8E6CE, #53BD80, #008475, #56564E, #252D0E)
• Washed Dune color palette (#EAFAED, #C8E6D9, #D2B2CF, #008792, #223928)
• Weathered Driftwood color palette (#F2F7F0, #CEE1DE, #B1C6C8, #7F9777, #434A41)
• Cypress Drift color palette (#E0ECDB, #008475, #133C27, #0E1A09, #040500)
• Tempered Abyss color palette (#DDE5DD, #9FBCAC, #A38CA6, #005F5E, #0D170D)
• Muted Cerulean color palette (#DEF1D7, #6AB7B0, #538BAC, #825241, #582E18)

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