Pine Garden color palette — #E6F2DF · #008C5A · #005C50 · #003237 · #0B182F

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

The five colors

• Honeydew (#E6F2DF): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008C5A): A full-bodied, balanced teal — the color of sea glass.
• Pine (#005C50): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#003237): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0B182F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.

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

• Pale Cabin color palette (#D7F4E2, #00837D, #005260, #002F49, #01174D)
• Olive Archive color palette (#F5EECE, #6D8500, #006021, #00382B, #041F2C)
• Ancient Lagoon Orchard color palette (#CEE6D4, #00A27B, #007266, #004A49, #002226)
• Mulberry Atelier color palette (#E6F3E7, #007D7E, #A30057, #004243, #38001A)
• Aged Garnet color palette (#D0E5D9, #006C44, #95040B, #602D00, #00170B)
• Iris Quarry color palette (#D4E6CD, #4DC4E4, #7F78EA, #1C5300, #00272A)
• Soft Orchard color palette (#FFE8D4, #FF4037, #00929D, #05141D, #000501)
• Chalky Hollow color palette (#CFE5D8, #00ADAA, #007082, #004972, #0A3177)

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