Pine Garden color palette — #E6F7EE · #94A972 · #467143 · #573B58 · #00221B

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F7EE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#94A972): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#467143): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#573B58): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Chalky Pine color palette (#DFF9ED, #8EB66D, #347C48, #723B25, #132700)
• Tempered Workshop color palette (#FCF4E8, #92A279, #1E744E, #543F6D, #2E3B16)
• Wandering Quarry color palette (#E8F5F1, #8DBEB9, #52806C, #5C4E69, #0D2D2B)
• Dusty Studio color palette (#DBEEE7, #739971, #026542, #532E15, #011801)
• Dusty Olive Balcony color palette (#D1E7DE, #5B8645, #00522A, #411738, #020B00)
• Muted Stone color palette (#FFECF4, #C8E5C7, #B6B26C, #97594D, #3C1B27)
• Wandering Bronze color palette (#FFEBDD, #D6955E, #A05700, #512800, #140700)
• Cerulean Orchard color palette (#ECF5ED, #A5CEE5, #4983A6, #005B5D, #07213C)

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