Pine Alley color palette — #DFFEF0 · #8FAD75 · #0D7332 · #1C3E60 · #040A00
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFFEF0): A whisper-light, dusty teal — the color of sea glass.
- Sage (#8FAD75): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#0D7332): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#1C3E60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Washed Teal Orchard color palette (#E4FBF8, #4DB896, #006F68, #004352, #000A0B)
- Emerald Station color palette (#CFE7E1, #4FA26B, #005B47, #1D245B, #000200)
- Pine Coast color palette (#E8FAF1, #ADC490, #48874E, #664364, #111D00)
- Ancient Forest Loft color palette (#E6DFC8, #648643, #005420, #002F58, #102000)
- Tempered Forest color palette (#F2E4D4, #797E31, #005318, #41163C, #080800)
- Cerulean Ridge color palette (#EAFAED, #9CD7E1, #0087A8, #00524A, #000E1A)
- Lagoon Thicket color palette (#E9F9F3, #B7DCAD, #619877, #6A5C7D, #042F2A)
- Mulberry Pier color palette (#F0EAFF, #D777CB, #008E28, #76006E, #000B01)
Browse the whole catalog at Explore, or see today's palette.