Fern Pier color palette — #CBEAE4 · #226200 · #004B5F · #411E00 · #00110E

Olive and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CBEAE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#226200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004B5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#411E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00110E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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 Courtyard color palette (#D4EAEA, #005231, #003A57, #291900, #000602)
• Hushed Cabin color palette (#D4EDDC, #634F00, #004F42, #510019, #120D00)
• Washed Nightshade color palette (#CBF1FC, #005E5E, #333192, #2A2B00, #001111)
• Wandering Nightshade color palette (#D5F2F3, #006147, #1E2DA8, #4E0025, #000302)
• Muted Lagoon Hollow color palette (#CCF1E9, #00928F, #00565E, #002A31, #061121)
• Muted Abyss Field color palette (#D8E3E4, #A9BDC1, #78939C, #005142, #022428)
• Aged Aubergine color palette (#C9EBE5, #007571, #004550, #23006A, #001B1C)
• Aubergine Hollow color palette (#C5E4F2, #006F7F, #5A4090, #264000, #001E2A)

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