Pine Orchard color palette — #EFF5E2 · #6CB782 · #B078A3 · #267643 · #3D1735

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

The five colors

• Cream (#EFF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6CB782): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#B078A3): A luminous, balanced pink — the color of neon signs at night.
• Pine (#267643): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#3D1735): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Pine Orchard 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

• Misty Quarry color palette (#F5F3E1, #9CAC69, #9281C1, #5C6D0D, #2B1E47)
• Airy Pine Dune color palette (#E2FBFB, #6CB08E, #A972B2, #007950, #55345A)
• Cypress Summit color palette (#ECF5EA, #7AC3B9, #C28A98, #008379, #492621)
• Emerald Coast color palette (#E9F9F8, #8DC89C, #CA8DC3, #009A4D, #5B3057)
• Soft Meadow color palette (#ECF7D9, #4EA176, #7278BE, #955945, #1A2109)
• Worn Field color palette (#E2F9E7, #00ACBD, #DF433E, #006772, #440003)
• Cocoa Pier color palette (#FAF0E3, #B7AB7F, #88714B, #664323, #292209)
• Frosted Balcony color palette (#CFF6EA, #009D81, #C80086, #005A49, #2E001C)

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