Tempered Fern Archive color palette — #F7F6E9 · #A1B87D · #4F5B12 · #2D2C1F · #110F09

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A1B87D): A luminous, balanced green — the color of fresh herbs.
• Olive (#4F5B12): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2D2C1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#110F09): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Fern Archive 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

• Hushed Teal Studio color palette (#EAFBE9, #27B4B0, #354C3F, #182117, #040602)
• Washed Moss color palette (#DFF3EC, #778D3F, #204244, #13221D, #090E0A)
• Moonless Cypress color palette (#D7E4D1, #006F62, #31383E, #001619, #000200)
• Washed Emerald color palette (#F3F9DC, #00AF45, #004738, #141701, #020200)
• Tempered Seafoam Loft color palette (#EFF9E5, #8BE0C0, #B7B3ED, #CA9478, #363A33)
• Cerulean Atelier color palette (#CFFBDE, #008DA4, #43464F, #002F48, #00090D)
• Bronze Ridge color palette (#FCF4E9, #DDE3C9, #B7AF84, #A77E3F, #584300)
• Hushed Workshop color palette (#FAF8CF, #ACF0DC, #7FC499, #54957D, #3D5134)

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