Pine Garden color palette — #FCF0DF · #A1B068 · #008043 · #62470B · #262101

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

The five colors

• Cream (#FCF0DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#A1B068): A luminous, balanced green — the color of fresh herbs.
• Olive (#008043): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#62470B): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#262101): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Timeworn Fern color palette (#F6F2E1, #7BB88C, #007C73, #4C5100, #1D2400)
• Tempered Harbor color palette (#FFF4DB, #99AD5E, #3D7A2A, #5A5219, #3C3B34)
• Washed Jade Study color palette (#F7F2E0, #77BA81, #007C6F, #673A5C, #1F2302)
• Timeworn Canyon color palette (#E6DFD3, #7A995D, #006547, #463700, #141300)
• Dusty Orchard color palette (#F3E1CF, #A39823, #296D00, #00484A, #191600)
• Softworn Lagoon color palette (#F7F1E8, #CBC4A3, #658F6A, #4D6955, #33312A)
• Hushed Chapel color palette (#E3FCEE, #D0E2A2, #52AA34, #746C34, #00382B)
• Weathered Clover Bloom color palette (#DDE6CE, #0FBE55, #008272, #005455, #002C3B)

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