Pine Pier color palette — #FFF2ED · #B4FEFF · #00A9D6 · #007831 · #00244B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#B4FEFF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#007831): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#00244B): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Softworn Pine color palette (#FFF2EF, #C8F9EB, #51B4D4, #3F7F47, #3C243F)
• Periwinkle Boulevard color palette (#FFF2EA, #D6E6FA, #429CFF, #007463, #20145C)
• Soft Turquoise Study color palette (#EEF9F0, #8AEDF0, #00BFDB, #009B7D, #00394C)
• Softworn Forest Archive color palette (#FCF1FC, #63CACE, #00799C, #005A28, #0A3261)
• Dusty Cobalt color palette (#FFF2ED, #90DAE2, #0085B5, #005531, #00082D)
• Weathered Mint color palette (#CAFFC3, #00D6B0, #008F8A, #005970, #00223B)
• Emerald Balcony color palette (#D6FEFF, #DCD8E3, #F0B3BE, #079E5D, #002D38)
• Antique Chapel color palette (#FDF3ED, #C3E1EB, #95C0E5, #439378, #51344A)

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