Pine Alley color palette — #D1E9E2 · #137B4F · #00403A · #002230 · #000401

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

The five colors

• Honeydew (#D1E9E2): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#137B4F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00403A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

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

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 Olive color palette (#DCF1DF, #6C6C05, #1B4100, #002520, #030300)
• Onyx Orchard color palette (#D0E6DA, #51742D, #004225, #2C004B, #010400)
• Aged Dune color palette (#DCE5CE, #42A189, #005A51, #003235, #000201)
• Hushed Studio color palette (#E8F5F0, #7CAAA6, #207461, #5B3562, #002220)
• Washed Aubergine color palette (#D6E6DE, #78986C, #006546, #4B2362, #051700)
• Hushed Studio color palette (#F9E8F0, #5C91AE, #00478F, #002B2C, #03001C)
• Washed Navy Parlor color palette (#F6DDE5, #A7944C, #516400, #243581, #1C1500)
• Ancient Quarry color palette (#DCE0EF, #603ABC, #335400, #300070, #010400)

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