Tempered Fern color palette — #F1F3E5 · #AEB990 · #3A8567 · #555A0C · #252A14

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

The five colors

• Cream (#F1F3E5): a clean, paper-quiet neutral.
• Sage (#AEB990): A luminous, dusty green — the color of fresh herbs.
• Fern (#3A8567): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#555A0C): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#252A14): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Soft Orchard color palette (#F3F4E0, #81B785, #00804A, #005A48, #08280D)
• Aged Lagoon Ridge color palette (#E9F9F7, #A0D2AF, #5F9F82, #517B76, #304847)
• Sunlit Meadow color palette (#EEE4CB, #969C3C, #506500, #184B0B, #161800)
• Bronze Chapel color palette (#F6F6ED, #C5E9CD, #5DAF9F, #81782F, #333E00)
• Dusty Alley color palette (#E5E9D5, #639C7A, #00654A, #00433C, #0F1500)
• Deep Fern color palette (#E4E2D2, #3E642A, #00340A, #00190F, #010100)
• Antique Bloom color palette (#F1F2EC, #C8E5D1, #0D9DBE, #006C6F, #133326)
• Olive Boulevard color palette (#F2EAD6, #797E2D, #3B4B00, #00322A, #080800)

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