Tempered Fern color palette — #FFF2ED · #FFC4BE · #BDCF99 · #D9938D · #574E00

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC4BE): A whisper-light, dusty orange — the color of autumn markets.
• Pistachio (#BDCF99): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#D9938D): A luminous, balanced orange — the color of toasted spice.
• Deep Olive (#574E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Muted Coast color palette (#FFF3E7, #F4CDA7, #97D7B6, #CB9E72, #4B4E47)
• Weathered Wisteria Station color palette (#FFF1F2, #F6C2E8, #E5C08F, #D190C0, #6A4400)
• Cocoa Study color palette (#FFF2EC, #DFDACD, #DDB5A6, #92B8B5, #773F16)
• Driftwood Coast color palette (#FFF2ED, #EDB4AD, #72C1C0, #BC776F, #3B553B)
• Weathered Workshop color palette (#FFF2EB, #FFC5B5, #CEBCF2, #DC937F, #644150)
• Washed Market color palette (#FFF2EB, #F0D7BB, #E7AC9A, #AD7768, #582500)
• Tempered Bronze color palette (#FBF4ED, #F5D9B3, #B69879, #906228, #322A21)
• Hushed Coral Courtyard color palette (#FCF1FB, #F3D6C5, #8ADBE7, #E07576, #214C5C)

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