Fern Pier color palette — #F7F6E5 · #76B38D · #007A6E · #415A11 · #17452C

A conversation between Deep Olive and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#76B38D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007A6E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#415A11): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#17452C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Fern 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

• Jade Drift color palette (#D5FBF6, #46C282, #007E5D, #325635, #002626)
• Frosted Pine Corridor color palette (#FFF4DD, #96AE67, #007F39, #5F500B, #334018)
• Timeworn Quarry color palette (#F1ECD3, #4BA956, #006A54, #004B5B, #143618)
• Fern Delta color palette (#F6F6EF, #BBC6A5, #498F85, #516D61, #44550D)
• Mint Alley color palette (#F4F8E4, #58D795, #009E76, #4A754D, #393C35)
• Teal Workshop color palette (#DEFDF7, #A2DFB9, #29BEA0, #729464, #024444)
• Hushed Mallow color palette (#E3FDEC, #DEE1F3, #C9B0FF, #008174, #1D4D3E)
• Airy Scarlet color palette (#CFF7D9, #00909F, #D50031, #7B5A00, #00383E)

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