Pine Pier color palette — #F3EDD5 · #39874F · #005149 · #002E4D · #000902

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

The five colors

• Cream (#F3EDD5): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#39874F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005149): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002E4D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Muted Lagoon color palette (#E3F4EF, #558766, #00463D, #001F2A, #000200)
• Hushed Olive color palette (#EFE5D4, #5F8200, #005334, #401C39, #040700)
• Lowlit Forest Field color palette (#C8E9E8, #006E53, #00332B, #001B1C, #000804)
• Muted Grape Parlor color palette (#EBEAFF, #6100DB, #345900, #00432C, #02000C)
• Frosted Pine Veranda color palette (#F0E3D0, #889D47, #007440, #5B3655, #171E00)
• Sunlit Denim Lagoon color palette (#F8EBE2, #2F9FC9, #1B56A3, #003C34, #090028)
• Dusty Clover Corridor color palette (#F4ECC9, #42C878, #008A82, #884152, #0C371D)
• Amethyst Courtyard color palette (#FFE3F0, #7731E4, #5A5D00, #43008D, #060600)

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