Pine Alley color palette — #E6F7EB · #98A86C · #377440 · #13504F · #00221A

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98A86C): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#377440): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#13504F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Olive Pier color palette (#FCEDF2, #AFA067, #5B6E0B, #37446B, #032313)
• Antique Fern color palette (#E5FBF3, #87A66F, #436F3F, #2C5253, #203B36)
• Cypress Corridor color palette (#E3F7F3, #69B192, #007470, #364F28, #002123)
• Forest Orchard color palette (#DBECE3, #779964, #006542, #442C57, #001713)
• Abyss Orchard color palette (#DDEBE3, #668349, #00522F, #003034, #040A00)
• Emerald Boulevard color palette (#F7F6EA, #BEDAAD, #639A61, #576C2B, #292912)
• Antique Driftwood color palette (#EEF4ED, #ABCDBA, #758C57, #55617A, #23362C)
• Washed Cerulean Balcony color palette (#F8EFF5, #9FD1DF, #008AA3, #005F39, #002337)

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