Pine Grove color palette — #FFF2DE · #FF957C · #AB8300 · #048320 · #222300

Olive Leaf takes the lead with Melon close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF2DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#FF957C): A luminous, balanced orange — the color of toasted spice.
• Mustard (#AB8300): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#048320): A full-bodied, vivid green — the color of a quiet forest floor.
• Onyx (#222300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Blush Terrace color palette (#FCEED9, #FF899D, #B38800, #00894F, #101000)
• Misty Apricot color palette (#FFF6D1, #FF8F2F, #8B9100, #007550, #1E2500)
• Blush Atelier color palette (#FFEFE3, #FF7B9A, #D37100, #686F00, #312100)
• Dusty Mustard color palette (#FFF4DF, #FFA970, #BAAA00, #25855D, #34332C)
• Linen Veranda color palette (#D6FAE1, #FF9EAE, #DDA700, #009C79, #282800)
• Hushed Amber Harbor color palette (#D9E7D1, #B88800, #627C00, #004D4D, #000F05)
• Linen Boulevard color palette (#F3E9D0, #988F00, #526400, #0D4D05, #003522)
• Faded Moss color palette (#F3F3CB, #D4A600, #4FAF32, #00787F, #003218)

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