Pine Garden color palette — #FFF4E1 · #FFB395 · #C49300 · #009051 · #323029

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#FFB395): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#C49300): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009051): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#323029): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Sunlit Basin color palette (#FFF3E5, #FFA0A6, #CD9432, #5E7D0A, #392A00)
• Moss Station color palette (#F9F7DC, #F9C26F, #9CAC45, #00837C, #2E2F28)
• Washed Mustard color palette (#F9F5E6, #FFC692, #B5B853, #33A485, #414139)
• Hushed Mustard Veranda color palette (#E1F9E9, #F1B861, #C6A800, #788600, #201C00)
• Patina Station color palette (#FFE1C6, #ACAA7B, #727C36, #6D454F, #50352B)
• Patina Moss Thicket color palette (#E5FFD5, #E7AA00, #4DB300, #008582, #003019)
• Olive Workshop color palette (#F8EED7, #9E9D3A, #5A7900, #0E5B0A, #064832)
• Hazy Lantern color palette (#F2EED5, #C38300, #647B00, #004E47, #000D02)

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