Tempered Fern color palette — #F9F1E3 · #B7A1C9 · #9C657F · #4B590E · #3E2328

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Mauve (#B7A1C9): A luminous, dusty violet — the color of wild irises.
• Mocha (#9C657F): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#4B590E): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3E2328): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Antique Forest color palette (#F9F1E4, #CE9BAB, #A06857, #006148, #3C2620)
• Chestnut Study color palette (#FBF0DF, #92ACDA, #806E9E, #6C4A1C, #3A2433)
• Pewter Parlor color palette (#E5FAFB, #94A6D9, #A25D84, #296657, #444658)
• Worn Boulevard color palette (#FFECF0, #D5BAB9, #9F8A82, #67681D, #404939)
• Wandering Blush Grove color palette (#EBFAEE, #CFAFE7, #C1789B, #6A744A, #494556)
• Driftwood Parlor color palette (#FAE8EA, #9E7298, #4D3432, #2A191B, #110A0C)
• Dusty Balcony color palette (#F8E7CC, #BB6E8E, #963924, #00442E, #2C0D06)
• Mulberry Station color palette (#FFF0D8, #C966BD, #AF1B45, #0B4C06, #330A23)

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