Pine Alley color palette — #D4E6DF · #0E7C3A · #004035 · #40000A · #000401

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

The five colors

• Silver (#D4E6DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#0E7C3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004035): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#40000A): A deep, shadowed, balanced red — the color of late-summer berries.
• 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

• Obsidian Olive color palette (#CDE6D3, #646F18, #074306, #3A0227, #020300)
• Pine Orchard color palette (#E2F5F0, #307F2B, #00441F, #2B2100, #001411)
• Ancient Forest Boulevard color palette (#E3E3CD, #699D64, #005E2D, #352A00, #000200)
• Pale Aubergine Coast color palette (#DBEDE9, #457A1B, #60006D, #163200, #070009)
• Ancient Canyon color palette (#E6E2C7, #3F9955, #006150, #582629, #001504)
• Eclipse Aubergine Field color palette (#DAEED5, #185900, #5E007E, #52004A, #000200)
• Cypress Pier color palette (#E8F6EF, #8AAB84, #007758, #255040, #01221E)
• Wandering Lagoon Dune color palette (#EFE4EB, #339B99, #005361, #002E18, #00050B)

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