Pine Pier color palette — #FFF0FA · #CFDCF3 · #4ABEE0 · #008C60 · #003959

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#CFDCF3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#4ABEE0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008C60): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003959): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Periwinkle Lantern color palette (#FFF1F6, #D7D3DF, #81AEFE, #008690, #302D5F)
• Washed Azure Bloom color palette (#FFF0FB, #C3FAFF, #00A9D6, #007557, #002644)
• Chalky Aqua color palette (#F6F7E7, #B9EADD, #39CCDA, #00A797, #004854)
• Gentle Cerulean Atelier color palette (#FFF2EC, #8DDFE1, #008DAC, #006A47, #114464)
• Petrol Orchard color palette (#FAE8F4, #7EC5C3, #007487, #004123, #000306)
• Lagoon Corridor color palette (#FAF3F8, #D6D4E1, #B3C5F2, #5CA193, #3F4E62)
• Dusty Sunflower color palette (#E5FCE9, #FFCF60, #63A3F0, #9E7700, #002E5C)
• Muted Denim Quarry color palette (#F8E7F0, #65ADC9, #005891, #002C29, #00000B)

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