Tempered Fern color palette — #FEF1F5 · #BA93CF · #B66946 · #396D1C · #003E53

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

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Mauve (#BA93CF): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#B66946): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#396D1C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003E53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Soft Mallow Cabin color palette (#F4F4FF, #D8A1F7, #B87856, #406740, #022E47)
• Pine Atelier color palette (#FDF2F2, #D69DBC, #AD844B, #1E7B56, #254565)
• Rust Parlor color palette (#FFF0F9, #9A9EDC, #B76274, #705C00, #00423A)
• Faded Summit color palette (#FEEEE7, #D77566, #687B20, #005A67, #351B52)
• Hushed Taupe color palette (#F1F5FF, #B2B6FF, #BB9C48, #378F72, #0E4232)
• Faded Magenta color palette (#FFDFE1, #DA41C2, #985600, #005722, #00283B)
• Linen Chestnut Thicket color palette (#FCF1FD, #4C8CD0, #974C00, #005357, #0A374A)
• Muted Pier color palette (#FFF1F4, #DBB9B9, #B99D93, #6C815B, #3C5413)

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