Pine Pier color palette — #FBF2F9 · #D4D4E3 · #52B2E1 · #00844F · #1B2D4F

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#52B2E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00844F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#1B2D4F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Ancient Periwinkle color palette (#FEF1F5, #D9D3DE, #92A1E7, #007E82, #36234F)
• Hushed Atelier color palette (#FAF4EB, #B0EDF3, #3EC3E6, #32A08D, #1A4335)
• Cobalt Quarry color palette (#FFF2ED, #94D1D6, #0083AE, #2B5F3F, #273B5A)
• Weathered Lagoon Harbor color palette (#F8F3F8, #D3D5E4, #ACC7F0, #6EA07A, #3D4F65)
• Worn Denim Hollow color palette (#E7DEE5, #72ADB8, #005B85, #002D1C, #00000C)
• Sunlit Pine color palette (#E0FCF8, #90D292, #D787CE, #008D27, #3D163A)
• Ancient Taupe color palette (#D8FFF8, #D3E3F0, #C5B9D6, #A39A4C, #0B3637)
• Cobalt Station color palette (#FFF0FB, #A7D3EA, #007FCB, #00533F, #060035)

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