Fern Pier color palette — #E1F4E9 · #5C6307 · #233000 · #021D01 · #060700

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

The five colors

• Honeydew (#E1F4E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5C6307): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#233000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#021D01): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Smoked Forest Archive color palette (#D1EEEC, #006F4C, #003428, #001B1A, #000804)
• Hushed Fern color palette (#F8E7D4, #7E7639, #354E00, #003429, #070600)
• Aged Workshop color palette (#D6F1EE, #3E8B64, #00513D, #003732, #002112)
• Fern Archive color palette (#CCF6E5, #7F9F3B, #346A00, #004E4B, #253402)
• Muted Pier color palette (#D6E5E4, #5687A5, #004067, #00212B, #00091A)
• Velvet Aubergine color palette (#DCEEFF, #004171, #500069, #002B26, #000206)
• Gentle Courtyard color palette (#DBEDFF, #005589, #6F0055, #00223C, #11000B)
• Ancient Ultramarine Hollow color palette (#CFE5FF, #0662B5, #00305B, #2A1D25, #00091A)

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