Pine Pier color palette — #EBF5EB · #93BEAC · #58815B · #355B69 · #112E23

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

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Sage (#93BEAC): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#58815B): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#355B69): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#112E23): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Pine Balcony color palette (#EAF9F1, #8BBBAD, #568053, #206757, #274A41)
• Weathered Taupe Veranda color palette (#E7F7E8, #9EA66F, #45704E, #4A4060, #042219)
• Forest Corridor color palette (#F5F0F6, #BBE5EF, #5A98AA, #456943, #152E45)
• Ancient Lantern color palette (#FDF3E9, #CFC49D, #739B72, #3D7D84, #504100)
• Forest Archive color palette (#D1E8E0, #00693F, #003130, #00142D, #000201)
• Stone Grove color palette (#E8F3FF, #DCD3E5, #E1B1C5, #528A91, #272E42)
• Chalky Cobalt color palette (#CEE4E5, #5FBADC, #3B79B8, #3B4680, #2B2D4D)
• Timeworn Terrace color palette (#D9F0DE, #6B823D, #005132, #441534, #050900)

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