Pine Garden color palette — #EDF1E2 · #E9A17A · #0E773C · #05411E · #141806

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

The five colors

• Cream (#EDF1E2): A whisper-light, dusty green — the color of fresh herbs.
• Melon (#E9A17A): A luminous, balanced orange — the color of autumn markets.
• Pine (#0E773C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#05411E): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#141806): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark, 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

• Dusty Cypress Alley color palette (#F1F7EF, #EEB4A6, #118471, #35492A, #1E241B)
• Ancient Grove color palette (#E5FAF8, #F5C697, #37733A, #09310E, #000504)
• Weathered Chestnut Loft color palette (#F6EDDD, #D2AF71, #786100, #423400, #1D1504)
• Ancient Blush Thicket color palette (#D5ECD8, #FF7C87, #00686E, #003539, #021406)
• Weathered Moss color palette (#F0F0DC, #D4CB7D, #6F9550, #455F30, #181702)
• Amber Coast color palette (#E1F3F0, #C09428, #254E17, #002824, #021216)
• Patina Amber Bloom color palette (#E3EADC, #DE6D3A, #00523C, #002116, #010300)
• Tempered Pier color palette (#F3F6EF, #CCDEDA, #A1C8CC, #499172, #2E4200)

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