Pine Market color palette — #FBF4E7 · #A7B785 · #4F8158 · #734F4D · #4B4300
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF4E7): a clean, paper-quiet neutral.
- Sage (#A7B785): A luminous, dusty green — the color of fresh herbs.
- Fern (#4F8158): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#734F4D): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Dusty Chestnut Garden color palette (#F5F7E5, #88BDA9, #2F8182, #834822, #314C09)
- Tempered Lagoon Studio color palette (#F9F1E3, #B7B690, #458368, #6E4952, #2A2812)
- Ancient Mustard color palette (#FFF3E4, #B1A62F, #53752C, #684A1B, #3D3A34)
- Weathered Veranda color palette (#F0FCCA, #A5C370, #687C27, #374B09, #24350C)
- Quiet Boulevard color palette (#FFDAB5, #CF9E36, #8A7B00, #4E6124, #45463F)
- Fern Boulevard color palette (#FEF5DA, #B3FBE7, #84D8CE, #9B7D53, #4E4D00)
- Lagoon Field color palette (#EBFAEF, #9CD1C4, #699C85, #726C8F, #294942)
- Antique Moss color palette (#FAF6E0, #9EA927, #7B80D1, #646C11, #3C3F62)
Browse the whole catalog at Explore, or see today's palette.