Pine Market color palette — #FDF0DA · #9AB274 · #007F52 · #005569 · #252100

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF0DA): A whisper-light, dusty gold — the color of old brass.
• Sage (#9AB274): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005569): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#252100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Worn Pine Lantern color palette (#F9F6E1, #7EB46F, #1A7C4E, #005E59, #3B3B34)
• Teal Orchard color palette (#F6F3DC, #73B993, #007B7A, #455315, #1B2405)
• Hushed Bloom color palette (#FFEFE1, #BBA847, #467C00, #5F3C6A, #2B1E00)
• Softworn Forest Drift color palette (#EEE6D3, #759A63, #00644E, #003E56, #131300)
• Aged Moss Orchard color palette (#F6E1C5, #8F9F1F, #006E34, #5F2255, #141800)
• Emerald Thicket color palette (#E5FCEB, #A7C879, #009F6B, #337287, #1B433A)
• Weathered Lagoon color palette (#F6F1E9, #C7C5A9, #519272, #745A59, #32312A)
• Hushed Veranda color palette (#FBEFEA, #91DFE9, #008DC4, #00663E, #122346)

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