Pine Alley color palette — #F3E1EC · #82D0CC · #00A3BD · #00824B · #002234
A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#F3E1EC): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#82D0CC): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
- Fern (#00824B): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002234): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Chapel color palette (#EBDDE5, #81CDE4, #3F9AD7, #007E72, #031950)
- Dusty Veranda color palette (#E8E8DB, #83BEBB, #00858B, #005A4E, #00242A)
- Quiet Periwinkle color palette (#FFF0F9, #A3E5FF, #55B1FF, #009891, #1A2A70)
- Muted Denim Garden color palette (#EFE2DB, #6BA9A6, #006373, #003C1F, #000C16)
- Hushed Grove color palette (#E9DCEE, #CF75F3, #008B5A, #537E00, #1E0328)
- Misty Jade color palette (#FDF1FA, #B4F2F3, #00CAF3, #00AB73, #004468)
- Hushed Cobalt Alley color palette (#F7E7EC, #7CA5CB, #556FBD, #005B68, #0B0026)
- Softworn Moss color palette (#CFE5D9, #90AB5B, #897E21, #795100, #001B19)
Browse the whole catalog at Explore, or see today's palette.