Fern Pier color palette — #F8F5EB · #BCE3D7 · #88BBA6 · #748D7C · #474A00

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

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Silver (#BCE3D7): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#88BBA6): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#748D7C): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#474A00): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

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

• Timeworn Stone color palette (#EDF8F6, #C1E6E4, #89C1C3, #77A3AA, #385352)
• Teal Bloom color palette (#F9F5EA, #CDE5C7, #75AC8D, #8F6A77, #393932)
• Dusty Lagoon color palette (#F1F3EA, #BFC8A7, #5C9078, #56674F, #30322B)
• Emerald Workshop color palette (#E6E2CC, #5FA063, #005B48, #3C1B43, #000200)
• Timeworn Teal Archive color palette (#F7F7E1, #9CEDC5, #00A89F, #2B7397, #2D2F29)
• Aged Pine color palette (#FEF4E0, #98AB6D, #0B732F, #403162, #0A0700)
• Powder Chapel color palette (#FFF0F9, #C5C5FF, #C6BC85, #A3A771, #46313D)
• Washed Lantern color palette (#FFF0F9, #E6D5EF, #E4C88F, #9393CC, #4A463F)

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