Pine Grove color palette — #FFDACB · #AF9B81 · #567C52 · #694863 · #583B3E

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

The five colors

• Shell Pink (#FFDACB): A whisper-light, dusty orange — the color of autumn markets.
• Taupe (#AF9B81): A luminous, dusty gold — the color of honey in a jar.
• Olive (#567C52): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#694863): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#583B3E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Pine Grove 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

• Softworn Bronze color palette (#FFE2E4, #CB9992, #8B7530, #545179, #603D51)
• Ancient Cocoa color palette (#F5DFC6, #B0A988, #3C837E, #754943, #6C3012)
• Muted Cypress color palette (#F9F5E6, #7EA783, #007367, #663E41, #333A00)
• Stone Market color palette (#F1E7D6, #B1BD84, #8A906F, #755F72, #5A3545)
• Softworn Taupe color palette (#FCEDCF, #A6AD75, #538582, #415168, #282841)
• Basalt Bloom color palette (#FECFE3, #A6CFB7, #7EB7B4, #827EA3, #593A57)
• Aged Bronze Alley color palette (#F5DDD5, #967A2A, #236146, #582343, #3B142C)
• Tempered Parlor color palette (#E2E8C6, #78AC9B, #216D94, #673B0D, #39332E)

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