Pine Garden color palette — #DBE1CE · #ECA48B · #009055 · #005732 · #090D00

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

The five colors

• Bone (#DBE1CE): A whisper-light, dusty green — the color of fresh herbs.
• Melon (#ECA48B): A luminous, balanced orange — the color of autumn markets.
• Fern (#009055): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#005732): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#090D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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

• Gentle Olive Corridor color palette (#E1DFCE, #E3AC77, #708300, #434F00, #0E0B00)
• Blush Harbor color palette (#D5E2D5, #F89A9C, #008A8B, #005454, #001001)
• Aged Forest color palette (#D0E3E0, #BEA061, #00681D, #00330A, #000F0D)
• Forest Orchard color palette (#F4F8E1, #E0B44F, #00631B, #001F04, #010100)
• Dusty Teal Archive color palette (#F0F8F0, #FFC4C5, #48A6A6, #207070, #172618)
• Blush Delta color palette (#DAEBDE, #DC6D88, #00646E, #002F34, #000203)
• Muted Olive color palette (#EBECE0, #9DCC89, #A398FF, #3F8A00, #1A0512)
• Terracotta Market color palette (#F4D8C4, #64C281, #0095C2, #A34700, #002B25)

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