Pine Pier color palette — #F9F2FA · #C4EDF8 · #64B1CB · #528A56 · #2E4A66

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FA): a clean, paper-quiet neutral.
• Frost (#C4EDF8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#64B1CB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#528A56): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2E4A66): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Tempered Aqua color palette (#FCF3F0, #BFE3E7, #52CCED, #658E62, #1C483E)
• Hushed Periwinkle color palette (#EFF6FF, #74A7EC, #AF9646, #75884B, #29394C)
• Hushed Terrace color palette (#FAF3F7, #D8D5E5, #9AB4D1, #5B9097, #495269)
• Dusty Delta color palette (#F9F4EE, #CCE4CB, #4198A5, #007457, #2C513F)
• Ancient Iris Quarry color palette (#FFF1F5, #BDDFFF, #8392F4, #008286, #493462)
• Muted Azure Pier color palette (#FFF0FA, #7BDBF0, #0094E1, #007556, #212C66)
• Dusty Denim color palette (#F1E1E7, #6D99B3, #32549F, #003C38, #0C0026)
• Cobalt Basin color palette (#F3E6EE, #73BDD6, #3378B8, #005B49, #181844)

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