Pine Pier color palette — #F2ECF3 · #99CEDB · #0095B3 · #137111 · #0E304C

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F2ECF3): bright and airy, almost weightless.
• Sky (#99CEDB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0095B3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#137111): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#0E304C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Bloom color palette (#FAF2F9, #B3DCEA, #20A3D3, #198048, #253B5B)
• Forest Summit color palette (#FDF3EE, #D1F0CD, #00A4BA, #006F39, #002231)
• Misty Cobalt Atelier color palette (#F6E9F3, #77BECC, #007CB8, #005C40, #101B45)
• Cornflower Harbor color palette (#F9EAF1, #8ECEF0, #4A83E5, #006D63, #2D264F)
• Lagoon Delta color palette (#E0F3EF, #9BE3DD, #36B9BC, #00937B, #00353A)
• Powder Atelier color palette (#D4F7FF, #9DE1FF, #B3ADFF, #55864B, #0C3749)
• Jade Thicket color palette (#E0EDDB, #00B17D, #008D80, #00555F, #00324A)
• Muted Scarlet Meadow color palette (#BEE7ED, #00B09C, #F22D24, #007466, #4D0F0B)

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