Fern Pier color palette — #D7E3D7 · #7BB8C0 · #5D6EA2 · #345414 · #0B1B00

Deep Olive takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#D7E3D7): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#7BB8C0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5D6EA2): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#345414): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0B1B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Dusty Violet color palette (#D4EEC8, #79A9C9, #8B5EB0, #344B24, #0B1C00)
• Patina Cobalt color palette (#DDE9D0, #58B3AC, #3E75B2, #63371D, #290D00)
• Antique Denim Veranda color palette (#CCF2E6, #479CBB, #68559B, #00441C, #000A02)
• Hushed Cobalt Field color palette (#FEF2EC, #97D8E4, #0083BE, #005439, #03072C)
• Muted Periwinkle Grove color palette (#DCF4FF, #78A5DE, #877DAB, #7F5C70, #3C2800)
• Muted Cypress color palette (#FFF4DE, #8DAE70, #007152, #004257, #090800)
• Muted Mallow Quarry color palette (#EFF6FF, #CCABE7, #B9757D, #136256, #00342C)
• Basalt Thicket color palette (#D6F6F9, #6E82AD, #683A60, #002E2B, #000303)

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