Tempered Fern Pier color palette — #E6F2EE · #C1D0CD · #89A8A5 · #436000 · #20322D

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

The five colors

• Cream (#E6F2EE): bright and airy, almost weightless.
• Oat (#C1D0CD): soft and architectural.
• Taupe (#89A8A5): A luminous, dusty teal — the color of sea glass.
• Olive (#436000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#20322D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered 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

• Muted Cypress Atelier color palette (#E8F9FC, #C2D7DC, #88ADBB, #00695D, #0D3940)
• Weathered Forest color palette (#E6F2F1, #AEBCBC, #769597, #00541E, #002523)
• Softworn Drift color palette (#F0EFE6, #D6D9CC, #ABBF9F, #6B7A29, #302E21)
• Muted Pine Delta color palette (#EFF7F7, #D4DBDF, #B0C2D0, #3B8562, #3C4B4B)
• Weathered Delta color palette (#E4EEF1, #8B9DA6, #5A7585, #003236, #000B11)
• Emerald Garden color palette (#DAFAF6, #9AC46A, #00A735, #007158, #002D14)
• Worn Navy color palette (#CEEAE3, #66A8A8, #357887, #3C4171, #472147)
• Forest Boulevard color palette (#CCE7E6, #006635, #3B3233, #002016, #000D03)

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