Pine Garden color palette — #F2F0FF · #AA78B6 · #678D43 · #367D3D · #1F1936

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

The five colors

• Blush (#F2F0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#AA78B6): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#678D43): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#367D3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#1F1936): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Summit color palette (#EDF1FF, #8985C0, #B06C46, #6C7100, #161C37)
• Softworn Field color palette (#FFEBFB, #BC7970, #608E46, #00788B, #2A1627)
• Muted Moss Archive color palette (#FFF1F5, #BC8DE1, #8AA544, #55976D, #492F38)
• Raspberry Workshop color palette (#F7DCEC, #C3009A, #007942, #006147, #200017)
• Muted Cocoa color palette (#E5F7EC, #88B7A7, #817540, #6A4200, #052925)
• Gentle Workshop color palette (#FAD8FC, #DB4360, #00877F, #006F74, #35000C)
• Misty Delta color palette (#F6F3FF, #B367B5, #BD5845, #48699F, #393448)
• Cobalt Drift color palette (#F1F0FF, #E4D3DE, #EDAE9F, #7379AE, #2F2943)

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