Tempered Fern color palette — #E8F6EC · #A0A477 · #546E3C · #523C5E · #002318

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

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#A0A477): A luminous, dusty green — the color of fresh herbs.
• Olive (#546E3C): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#523C5E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Dusty Olive color palette (#DFF9EA, #A1AF74, #4A7938, #723930, #1D2400)
• Pine Ridge color palette (#FFF3E4, #99A070, #367144, #4B4274, #37352F)
• Washed Hollow color palette (#E9F5F0, #8EBFB5, #568063, #5A4F6D, #0D2E28)
• Faded Garnet Study color palette (#CFECE6, #4CAA77, #006B58, #6C183F, #001C0D)
• Tempered Emerald Workshop color palette (#EEF8EE, #D1D5A2, #639965, #5B6182, #043022)
• Olive Ridge color palette (#D4EADE, #6A832F, #1A5116, #3B1B3E, #050900)
• Cerulean Villa color palette (#EDF4EE, #ACCDDC, #3187A5, #005C54, #002338)
• Wandering Terracotta Summit color palette (#FFEBF8, #FFD7AC, #C2B482, #985151, #361C28)

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