Pine Garden color palette — #FCF3EE · #C78775 · #127212 · #8E2300 · #181A01

A conversation between Olive and Rust, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Caramel (#C78775): A luminous, balanced orange — the color of autumn markets.
• Olive (#127212): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#8E2300): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#181A01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Mulberry Studio color palette (#FDF2F0, #CD7F91, #606300, #940042, #1E1803)
• Patina Olive Workshop color palette (#F8EFF3, #D98A51, #4E7200, #824100, #000906)
• Wandering Amber color palette (#FBF4EC, #C28D52, #006C67, #714400, #0B1D08)
• Soft Moss Coast color palette (#FDF3EB, #E6A376, #758C00, #AC5700, #1C1907)
• Softworn Aubergine color palette (#FFEADA, #B87249, #496600, #4B2A78, #34302A)
• Bronze Lantern color palette (#FFDAD8, #CD935D, #7D6900, #2C4A00, #00372E)
• Aubergine Studio color palette (#FCF4E8, #866100, #005829, #361B7D, #2A1B02)
• Sunlit Marigold Corridor color palette (#FDF4E6, #FFAE9D, #CC9814, #00875F, #343400)

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