Pine Alley color palette — #FEF0FF · #3AE5E3 · #009BBF · #007923 · #00345F

Built around Olive, softened by Lagoon — the whole palette hums with nature and growth.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Lagoon (#3AE5E3): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007923): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00345F): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Summit color palette (#FFF0F9, #66DCFF, #0090F0, #00755E, #292C5E)
• Tempered Pine Delta color palette (#FEF2EC, #BBFDFA, #00ACC7, #007745, #00283C)
• Aged Orchard color palette (#F8EAF7, #45C6CB, #0080A6, #005D2B, #051F3F)
• Turquoise Parlor color palette (#E4FBF5, #92ECE8, #00C2CA, #009A84, #003A42)
• Dusty Balcony color palette (#FFF1F5, #B2D9FF, #8690CE, #007B81, #373753)
• Patina Cornflower color palette (#DDECFF, #298AFD, #997D00, #5A7220, #042349)
• Hushed Blush color palette (#EEF6FF, #DED9FF, #FF95B5, #008E94, #243154)
• Powder Villa color palette (#FAF3F8, #D4D6EA, #80BAD7, #61908F, #455467)

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