Tempered Fern color palette — #F4D9D5 · #C49474 · #5B6C2D · #58394E · #432429

A conversation between Olive and Camel, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D9D5): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C49474): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#5B6C2D): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#58394E): A deep, shadowed, dusty pink — the color of peonies in June.
• Espresso (#432429): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Amber Balcony color palette (#FFDFD7, #AA8B3E, #3D7659, #523F66, #47253F)
• Weathered Olive Dune color palette (#FFDCD2, #CE9F6C, #7C8039, #674659, #513133)
• Forest Summit color palette (#EEE2D5, #8F9145, #13661D, #43345F, #312806)
• Washed Amber color palette (#FADEF7, #CE7A62, #7D6D35, #245344, #003A3E)
• Fern Alley color palette (#EBDFD2, #A38E57, #636124, #004835, #002725)
• Weathered Driftwood color palette (#FFE9CC, #B8A680, #768145, #2B635A, #004648)
• Timeworn Taupe color palette (#F6E6E9, #CAA5B7, #A29D5E, #5E6F99, #4A2F57)
• Patina Olive Boulevard color palette (#FFE3D2, #737B00, #005141, #351E48, #2D0123)

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