Tempered Fern color palette — #EFEFE7 · #C9CFBD · #97A595 · #406014 · #2F2F24

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

The five colors

• Cream (#EFEFE7): a clean, paper-quiet neutral.
• Oat (#C9CFBD): A whisper-light, dusty green — the color of a quiet forest floor.
• Taupe (#97A595): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#406014): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2F2F24): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Basalt Bloom color palette (#F5F6EC, #CFDDD5, #A7B9A8, #4B6F44, #3C3E00)
• Abyss Lagoon color palette (#E2E4DC, #B0BEA9, #799781, #135228, #1E2115)
• Aged Studio color palette (#EBF9F1, #C2E1E6, #D0B2C6, #00778E, #34443B)
• Cocoa Courtyard color palette (#E1E9D0, #55A991, #257485, #6F311A, #4B2607)
• Patina Pewter color palette (#E2EEE4, #88A096, #82667E, #003237, #010D04)
• Washed Olive Basin color palette (#F8D7BD, #4C8A00, #005956, #531646, #202806)
• Olive Veranda color palette (#E4E3CC, #527600, #00497B, #5A0024, #310E00)
• Mustard Loft color palette (#EFF7D9, #B9B500, #00A763, #007C91, #003124)

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