Pine Grove color palette — #F0DAE5 · #C8682C · #02791D · #00476C · #3B0031

Built around Olive, softened by Pumpkin — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F0DAE5): A whisper-light, dusty rose — the color of strawberry cream.
• Pumpkin (#C8682C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#02791D): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00476C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#3B0031): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Powdered Amber color palette (#FEECF3, #CF7F35, #388447, #00577B, #431149)
• Softworn Bronze Corridor color palette (#D5E7D7, #AD7C00, #007557, #004181, #3C002E)
• Ember Workshop color palette (#F0D9EA, #D65945, #5D6C00, #004C54, #270055)
• Worn Coast color palette (#FFF2EA, #E46900, #377500, #003F50, #160025)
• Softworn Navy Parlor color palette (#E2F5E0, #A06600, #006247, #002583, #280012)
• Nightshade Hollow color palette (#D3E7DB, #9C8500, #00736C, #370EB3, #410015)
• Weathered Peony color palette (#EADBF0, #C36281, #7F5D00, #004F39, #00203E)
• Tempered Navy Loft color palette (#F0DCD2, #BAA378, #7A8048, #2F657C, #183261)

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