Pine Alley color palette — #F1EEDA · #287E4D · #00413D · #002342 · #001507

Built around Teal, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Cream (#F1EEDA): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#287E4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00413D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002342): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001507): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Lagoon color palette (#EBF1D8, #1D9977, #00605A, #003F4D, #00140D)
• Olive Field color palette (#FCECDB, #736F0E, #0B4403, #00282B, #111000)
• Onyx Boulevard color palette (#F7EAD5, #5F752A, #004327, #430027, #0C1200)
• Worn Forest color palette (#F1DDC9, #837C37, #1C5200, #2E215F, #1E1B00)
• Tempered Garnet Hollow color palette (#ECE4D5, #7D9468, #006547, #64243D, #1D2F04)
• Chalky Dune color palette (#EDD8E4, #5A43C1, #275A00, #2D007C, #051400)
• Hushed Nightshade color palette (#EEDFD3, #6196B8, #1A39AB, #00302E, #1A003C)
• Feathered Villa color palette (#FCE6D8, #B28B2B, #536200, #5E1F7A, #3C2B00)

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