Pine Pier color palette — #EEF7F6 · #D1DCE0 · #B2C2CA · #5C7F56 · #3D4B49

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D1DCE0): bright and airy, almost weightless.
• Stone (#B2C2CA): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5C7F56): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#3D4B49): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Ancient Cypress color palette (#ECF8F5, #88BBB3, #567F5D, #396359, #244A45)
• Weathered Quarry color palette (#ECF4F2, #D0D8DC, #AFBFCE, #5E8146, #212F2C)
• Hushed Denim Workshop color palette (#DFFBFF, #8DB7C2, #6C8591, #586482, #494E6F)
• Wandering Abyss Hollow color palette (#D8EAE8, #98AEAF, #5C888D, #00441E, #001817)
• Abyss Studio color palette (#D8E3EA, #ADBBC7, #8090A1, #004C64, #0E222E)
• Lagoon Alley color palette (#E1FBFB, #AFE6A8, #77D5A9, #00A599, #194A4D)
• Weathered Lantern color palette (#E4FCF4, #6AA782, #007B6A, #1E507F, #144547)
• Faded Thicket color palette (#E8FAF8, #509C5E, #007177, #6E3700, #3B3B03)

Browse the whole catalog at Explore, or see today's palette.