Pine Pier color palette — #E9E299 · #7DAB39 · #008938 · #005A3C · #00404C

Olive Leaf and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E9E299): A whisper-light, balanced green — the color of new leaves after rain.
• Moss (#7DAB39): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#008938): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005A3C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00404C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Airy Cabin color palette (#E0EFD4, #66A76C, #008364, #005A52, #0E3D54)
• Pale Olive Courtyard color palette (#EAE1CB, #AEAE19, #578700, #006622, #00503A)
• Frosted Clover color palette (#DBEBCF, #5FBA31, #008C24, #005A2A, #002A19)
• Gentle Delta color palette (#E8EAD5, #A3D100, #00C15F, #00956F, #004D44)
• Pale Station color palette (#DBFFEB, #2FC091, #007D55, #004A39, #002D23)
• Hazy Olive color palette (#F2FAD4, #AEFFF4, #75C6FF, #657700, #004F40)
• Byzantium Garden color palette (#DEF4CB, #009675, #A236C4, #AE0063, #003A2C)
• Wandering Raspberry color palette (#F3F9DA, #5FBA71, #C6449B, #005F23, #61194A)

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