Pine Alley color palette — #F9F3F9 · #B7DBE7 · #47A1C6 · #008242 · #243B5C
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Powder Blue (#B7DBE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#47A1C6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008242): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#243B5C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Aged Lagoon Lantern color palette (#FAF3F7, #D0DFFA, #77AAD9, #2C8D72, #3E446B)
- Feathered Cobalt color palette (#F5EBF1, #9FCBE6, #4088DB, #006E5E, #28245C)
- Gentle Market color palette (#E5F3E5, #55BC91, #009595, #006E89, #00395A)
- Hushed Bloom color palette (#E7F9FF, #D5D9F6, #D1B3E6, #419A5A, #234050)
- Cerulean Study color palette (#F9F4EC, #ADD0AF, #00879B, #00624E, #1C4333)
- Antique Blush color palette (#DEF2FC, #31BAD3, #E06A80, #008093, #5D192A)
- Cerulean Station color palette (#E6F8FF, #6EC5D6, #0093B4, #00596B, #00272D)
- Airy Ultramarine color palette (#F3E3EB, #78A9C4, #2D61BF, #004B44, #17003F)
Browse the whole catalog at Explore, or see today's palette.