Tempered Fern color palette — #F7F5EB · #ABB66F · #008170 · #5D6600 · #1D2818

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

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Sage (#ABB66F): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008170): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#5D6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1D2818): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Gentle Balcony color palette (#F9F4ED, #C9AA6A, #278433, #7A5A00, #232615)
• Cerulean Field color palette (#F4F6EF, #A5CCAA, #008CA4, #3F7D4C, #27312A)
• Misty Mustard color palette (#F7F1E5, #CAB342, #008494, #756400, #041208)
• Soft Orchard color palette (#E5FFD1, #85BF92, #00886A, #005A56, #00444B)
• Softworn Quarry color palette (#FEF4E3, #67AB66, #007B70, #603C71, #3C3E37)
• Jade Canyon color palette (#F2F7ED, #00BD96, #006AA5, #00654F, #00231B)
• Aged Cabin color palette (#F5F6EF, #D5DCD7, #B2C4BB, #607E54, #484841)
• Mustard Workshop color palette (#EFF8F1, #E1C25C, #4198CB, #977E23, #172631)

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