Pine Garden color palette — #D7F2EB · #00915D · #004640 · #001F2D · #000201

Built around Fern, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D7F2EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00915D): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004640): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001F2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

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

• Ancient Olive color palette (#D7F3DF, #728425, #004A11, #1E113A, #010100)
• Nocturne Cypress color palette (#DEE1D1, #2A6B52, #00332D, #001A21, #000804)
• Frosted Emerald color palette (#CDE8DF, #20A85D, #005B4E, #421543, #000200)
• Muted Studio color palette (#E2F2EB, #61976E, #007169, #0E4B78, #000902)
• Misty Archive color palette (#DFFEED, #82B352, #007245, #45305C, #000A07)
• Worn Mustard color palette (#E8FBEA, #C1C164, #59843F, #4B4B79, #001E13)
• Wandering Market color palette (#F3DFE8, #4BAEDB, #00549E, #002B2B, #01000A)
• Patina Emerald Station color palette (#E6FCEC, #C7D99E, #5D9B65, #5C617D, #0A2F26)

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