Pine Pier color palette — #EEF7D9 · #009250 · #004E8E · #47002D · #030100

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Custard (#EEF7D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009250): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#004E8E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#47002D): A deep, shadowed, balanced rose — the color of strawberry cream.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Feathered Olive Veranda color palette (#F4F6D4, #448F00, #00566F, #3B004D, #040100)
• Nightshade Coast color palette (#E4FADE, #008D83, #3E2BBB, #4B0018, #020200)
• Fern Meadow color palette (#D0E7E3, #106B10, #003E47, #340025, #030400)
• Timeworn Dune color palette (#CEF6E8, #00A998, #00797D, #004249, #000B11)
• Hazy Lapis color palette (#E4FEDF, #00B1A6, #4856DF, #76003E, #1A1100)
• Pale Ridge color palette (#DAE3C4, #21B767, #724AC2, #822073, #200B00)
• Worn Pier color palette (#FBF4EA, #84DDE1, #00899F, #005343, #000F17)
• Washed Teal Hollow color palette (#C9E7D4, #4BC0B5, #428296, #5A3750, #32140C)

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