Pine Garden color palette — #F4F7EC · #CBDFD7 · #A9C4B1 · #137E47 · #3A4600

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#CBDFD7): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#A9C4B1): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#137E47): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#3A4600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Cypress Bloom color palette (#EEF9EF, #CDDDDD, #C8B5C6, #007981, #324536)
• Forest Terrace color palette (#ECF0E9, #C5CFC5, #92A69B, #006548, #29311F)
• Cypress Drift color palette (#DAE9D5, #00796F, #00303D, #0C1D07, #010B03)
• Timeworn Study color palette (#EBF8F7, #CDDDE9, #B4A9B7, #69B983, #324443)
• Patina Abyss color palette (#DEE8E1, #9EADA7, #8D7789, #003F48, #08180E)
• Washed Chestnut color palette (#B6F6C9, #78BFBC, #5F85AB, #844825, #5E3C14)
• Tempered Emerald Parlor color palette (#F5F8DE, #3C9430, #2D54A9, #7C010D, #4A2600)
• Weathered Emerald Pier color palette (#FFF2EB, #00A761, #006C7D, #800939, #003F35)

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