Pine Alley color palette — #F2F8E8 · #FDD276 · #097F4B · #00391E · #060900

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

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#FDD276): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Teal (#097F4B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00391E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark, 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

• Patina Sand Atelier color palette (#EBFAEE, #F9D384, #007983, #00363A, #000B02)
• Weathered Straw color palette (#FCF5DF, #FED272, #726F00, #323000, #0B0700)
• Weathered Summit color palette (#F0F8EA, #FFBCA9, #00A684, #006C55, #151E0C)
• Mustard Alley color palette (#F1F8EA, #D6B775, #006046, #001E14, #010100)
• Weathered Corridor color palette (#D6FAFF, #FF7D3B, #00594D, #002721, #000A0C)
• Misty Orchard color palette (#F0F8E9, #76F3CC, #009FD2, #009473, #000E07)
• Worn Cerulean Boulevard color palette (#EEF8F4, #CDDBCA, #5E8DA6, #215040, #131E1A)
• Softworn Marigold Boulevard color palette (#E2F4DF, #C69B35, #004642, #1F292F, #000A09)

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