Pine Garden color palette — #F7F7E2 · #83B181 · #257C49 · #3E5A28 · #3A3B34

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

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#83B181): A luminous, balanced green — the color of new leaves after rain.
• Olive (#257C49): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#3E5A28): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3A3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, 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

• Feathered Cypress color palette (#F6F2E1, #83B782, #007E62, #4B5100, #052807)
• Quiet Parlor color palette (#ECEDD7, #59A662, #006C3F, #004F40, #00390E)
• Lagoon Lagoon color palette (#E8FAF3, #95CB93, #009D7B, #676F28, #224422)
• Muted Olive Cabin color palette (#F4F7EB, #BBC6A5, #708C4C, #5C6B58, #45550C)
• Dusty Clover color palette (#E5FBF6, #A2E1A2, #22C373, #71955A, #12433F)
• Antique Cerulean Field color palette (#F6F7E5, #9CDBDF, #008FA0, #006760, #004856)
• Antique Archive color palette (#E4DECD, #7A8031, #3B4C00, #14380C, #1B1D00)
• Weathered Indigo Parlor color palette (#C4F5FF, #0090A3, #5E64CC, #00751E, #003740)

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