Tempered Fern color palette — #EAF9F2 · #76A796 · #546C38 · #504E04 · #133E32

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

The five colors

• Ivory (#EAF9F2): bright and airy, almost weightless.
• Eucalyptus (#76A796): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#546C38): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#504E04): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#133E32): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Fern color palette (#EDF8F5, #92B8B3, #52805D, #4B6234, #274A45)
• Linen Abyss color palette (#D6F2F0, #52A481, #006A56, #005128, #003825)
• Timeworn Field color palette (#EBF5ED, #9AA76C, #25782D, #2B5038, #06221A)
• Soft Bronze Pier color palette (#D6F6F9, #44A08B, #9C7000, #006655, #473100)
• Patina Canyon color palette (#C7ECF4, #008D83, #006DC6, #536300, #00323A)
• Antique Forest color palette (#CFE7DE, #6A8353, #135302, #2A3300, #102000)
• Oat Alley color palette (#FAF5E6, #C2D391, #8FAB73, #86847C, #37362F)
• Turquoise Summit color palette (#E5F9FF, #B4DEEE, #58B9DB, #008373, #144553)

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