Pine Alley color palette — #F9EDE9 · #73D2D6 · #00A0D0 · #008342 · #001D47
A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EDE9): a clean, paper-quiet neutral.
- Aqua (#73D2D6): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00A0D0): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008342): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#001D47): 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
- Cornflower Grove color palette (#F1E6DE, #79CCEE, #3192FF, #007F6D, #1C144A)
- Gentle Summit color palette (#F5EDE8, #B5DFC4, #35ADFE, #009570, #212A54)
- Tempered Petrol color palette (#E6F4E8, #70C1C6, #00829A, #005B4B, #002332)
- Muted Forest color palette (#F9EBE6, #48B3B2, #0081A0, #00621F, #000919)
- Hazy Alley color palette (#F7DEF6, #64A1FF, #61984D, #777200, #000F2F)
- Emerald Field color palette (#FDF3EF, #B0F2FA, #4EC3FF, #00AB6D, #293E6A)
- Tempered Denim color palette (#F2E4EE, #6DA8AB, #00627A, #003B28, #000C19)
- Ancient Blush Corridor color palette (#F3E4F4, #D2BEFB, #FF86AD, #009EB5, #31172B)
Browse the whole catalog at Explore, or see today's palette.