Pine Garden color palette — #FFF4DD · #FFA47C · #B48B00 · #008038 · #282700

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

The five colors

• Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFA47C): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B48B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#008038): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#282700): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Apricot Hollow color palette (#FFF5D4, #FE9941, #9F9B00, #00876F, #182F00)
• Soft Amber color palette (#FFF2EA, #FF81A0, #E97500, #677A00, #392700)
• Mustard Courtyard color palette (#D6FDE3, #F7AD00, #BA9F00, #6E8200, #121100)
• Frosted Moss Courtyard color palette (#F1E5C9, #8F9200, #4F6900, #004C10, #003825)
• Aged Atelier color palette (#E3FFD7, #E3AC00, #34AB01, #00757A, #003220)
• Hushed Lime color palette (#FDF7CF, #FFC459, #A2C100, #008F83, #1A411B)
• Aged Bloom color palette (#FBDEC3, #999A5F, #318558, #583D67, #50203F)
• Hushed Pine color palette (#E7F1D8, #AEAB00, #00903D, #005B6B, #001710)

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