Fern Pier color palette — #D4E7E1 · #4E6B00 · #27272F · #001806 · #010100

Built around Olive, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Silver (#D4E7E1): A whisper-light, dusty teal — the color of sea glass.
• Olive (#4E6B00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#27272F): a grounded near-black with real depth.
• Ink (#001806): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Nocturne Delta color palette (#E8E6CE, #384E00, #212D2F, #001405, #040300)
• Deep Cypress color palette (#D3F1F5, #00705B, #343036, #001617, #000201)
• Midnight Courtyard color palette (#E1F2E2, #7F5700, #23241B, #151300, #000200)
• Patina Orchard color palette (#D3E7E5, #5F5D55, #005E22, #111E21, #000705)
• Antique Olive color palette (#C3E8DC, #698600, #004E3C, #00241C, #000301)
• Airy Loft color palette (#DBE1D3, #5AAC45, #007B3A, #004231, #00100C)
• Wandering Grove color palette (#E7FCE9, #ADA367, #5A6700, #503700, #0A0700)
• Hushed Teal color palette (#E8F9FA, #6FC1A5, #3E5A61, #192F31, #091111)

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