Tempered Fern color palette — #F6F6ED · #ACB48F · #4A806C · #784F2D · #3F4800

Deep Olive and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Sage (#ACB48F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4A806C): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#784F2D): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#3F4800): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Pine Harbor color palette (#F9F6E5, #8DAF7B, #097E42, #4F5600, #274314)
• Timeworn Boulevard color palette (#F9F5EC, #C7C1A9, #88853C, #806017, #5B4C00)
• Worn Lagoon color palette (#F4F2E4, #93BFA5, #008684, #6E475B, #242A14)
• Timeworn Terracotta color palette (#F3F8E1, #5D9966, #5C77C3, #A4483E, #373932)
• Wandering Forest Veranda color palette (#E7E6D1, #729774, #006546, #314600, #0C3212)
• Lagoon Lagoon color palette (#EAF9F3, #98D1CF, #2FA29D, #796B88, #304747)
• Timeworn Lagoon color palette (#ECF9F5, #B2E3BB, #82BAA4, #A78593, #2F4846)
• Charred Alley color palette (#ECE4CE, #53652C, #063503, #1A1700, #040700)

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