Pine Alley color palette — #FFF2EC · #91EDEE · #00ADCE · #008757 · #104463
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sea Foam (#91EDEE): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00ADCE): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
- Navy (#104463): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Orchard color palette (#FEF3EB, #A7E6FD, #15A3FA, #00837A, #293D6F)
- Turquoise Bloom color palette (#EEF8F0, #C9DCF8, #00C4DD, #008B6D, #003B4D)
- Airy Atelier color palette (#FDF0FD, #A6F5F6, #42C7F4, #3DA95B, #1A416D)
- Worn Loft color palette (#F8ECE6, #8AD2DB, #0093BF, #006E55, #082F52)
- Weathered Sky color palette (#FAF3F0, #CDE7E4, #7ABAE0, #499685, #5E4C5E)
- Softworn Villa color palette (#EDDCD3, #64B1AC, #007383, #004D27, #001623)
- Timeworn Studio color palette (#ECE3DD, #569DB7, #005C94, #003C38, #01002F)
- Hushed Coast color palette (#EFE5DE, #79BBDA, #0076CE, #005958, #121948)
Browse the whole catalog at Explore, or see today's palette.