Tempered Fern color palette — #F3F3E5 · #85B960 · #007D69 · #3A6A00 · #000C09

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

The five colors

• Cream (#F3F3E5): a clean, paper-quiet neutral.
• Jade (#85B960): A luminous, balanced green — the color of fresh herbs.
• Teal (#007D69): A full-bodied, balanced teal — the color of sea glass.
• Olive (#3A6A00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Ancient Courtyard color palette (#EEF4E9, #09C495, #00788B, #006C50, #000B0F)
• Powdered Station color palette (#F8F1E1, #B4AA55, #1A8112, #665D00, #010D00)
• Emerald Orchard color palette (#E4E7D7, #52A353, #00635B, #045610, #000300)
• Aged Teal color palette (#DFEEE4, #53C098, #008370, #004844, #001E1F)
• Ancient Moss color palette (#EBF9F2, #ACA700, #006F90, #5C5900, #002031)
• Navy Loft color palette (#F6F4D0, #13AA7B, #007169, #003A83, #00221A)
• Antique Lime color palette (#EBF9F5, #8AD341, #009E71, #518900, #002224)
• Washed Pine Veranda color palette (#F1F3E9, #CED9D1, #B7C4AA, #008225, #242710)

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