Pine Pier color palette — #FEE8F8 · #00793D · #00444D · #40000B · #000705
A conversation between Pine and Espresso, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEE8F8): A whisper-light, dusty pink — the color of neon signs at night.
- Pine (#00793D): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00444D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#40000B): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Pine Pier 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
- Fern Alley color palette (#CDE7DF, #4A6200, #003B57, #370018, #020400)
- Wandering Basin color palette (#FADEEA, #6D6700, #004730, #370037, #030700)
- Timeworn Navy color palette (#D7E6D7, #007375, #003A74, #2B1B00, #00060A)
- Navy Ridge color palette (#CCEFE7, #007766, #004649, #121266, #001B18)
- Lagoon Delta color palette (#D5F3EC, #428868, #004F4A, #183100, #000B05)
- Tempered Onyx Balcony color palette (#C8F4EA, #3C9183, #005A73, #501000, #1B1200)
- Softworn Emerald color palette (#FFE7DA, #009959, #006373, #6D0025, #001B16)
- Inked Onyx color palette (#CFEAD4, #005156, #001B5A, #110900, #000102)
Browse the whole catalog at Explore, or see today's palette.