Tempered Fern Ridge color palette — #F2F3E7 · #9BBE9C · #46845E · #5A5805 · #272A12

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

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Sage (#9BBE9C): A luminous, dusty green — the color of fresh herbs.
• Fern (#46845E): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#5A5805): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#272A12): 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 Ridge 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

• Muted Fern Workshop color palette (#F6F2E7, #CCC49F, #7A8A5D, #62671D, #33312A)
• Timeworn Thicket color palette (#F0F4E4, #7EAC91, #00775A, #354E2F, #181F08)
• Wandering Teal Station color palette (#F8F5EA, #C8E7C9, #4FB394, #86762C, #383C00)
• Weathered Teal color palette (#D2EDCB, #38BEBA, #008C92, #005A64, #0F3520)
• Faded Studio color palette (#EAF6EB, #38B8BE, #9C901E, #007377, #322600)
• Obsidian Fern Thicket color palette (#E7E4D2, #48620B, #143200, #001A09, #010100)
• Indigo Hollow color palette (#DEFAE9, #009DBD, #7870CF, #217E48, #072516)
• Weathered Lagoon color palette (#E5EBDB, #218C6F, #004F45, #003132, #000B06)

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