Tempered Fern color palette — #F9F5EA · #D7D4B9 · #A5AB81 · #645C00 · #35332C

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

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Oat (#D7D4B9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A5AB81): A luminous, dusty green — the color of new leaves after rain.
• Olive (#645C00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#35332C): quiet, heavy and certain.

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

• Timeworn Fern Summit color palette (#F7F1E3, #D6D6BB, #A6B092, #685C00, #221800)
• Tempered Dune color palette (#F3F7E9, #C8DAB9, #77B4B1, #006D35, #2F3800)
• Tempered Olive color palette (#E2E1D4, #999C89, #617B3B, #223100, #0B0901)
• Antique Atelier color palette (#FDE8C8, #9E9600, #4D6400, #553F00, #322F00)
• Worn Chapel color palette (#EAFAF1, #CCE4DE, #A2C6C5, #887800, #23382D)
• Muted Driftwood color palette (#F7F5ED, #D6DDD4, #A1AFB3, #928239, #55534A)
• Cypress Alley color palette (#F2F7F0, #D1DDDA, #B0C4C3, #3B8277, #444942)
• Abyss Station color palette (#E2E9DC, #AFBEAD, #7E9584, #00513E, #1B2213)

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