Tempered Fern color palette — #F5F2E4 · #95A364 · #5E5B0A · #393831 · #24221B

A conversation between Olive and Moss, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Moss (#95A364): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5E5B0A): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#393831): quiet, heavy and certain.
• Onyx (#24221B): 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 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

• Tempered Stone Basin color palette (#EBF9F4, #A7B772, #3C5C55, #1F2F2A, #0A110E)
• Teal Meadow color palette (#EEF5E7, #44B28D, #4F5D4A, #2A4000, #21231D)
• Muted Lantern color palette (#E7F6F0, #B3C067, #5D8482, #485952, #1E231F)
• Dusty Driftwood Chapel color palette (#F4F2E6, #798345, #374200, #2D2916, #16170F)
• Mint Grove color palette (#F0F9E5, #7DC2A3, #6CAFCE, #9E9361, #41443D)
• Emerald Bloom color palette (#EBEED8, #29A111, #235034, #272907, #131204)
• Hushed Bronze Canyon color palette (#F4F7EB, #CCD5BA, #92A281, #917B33, #44550C)
• Patina Basalt color palette (#F2F9E1, #D5DECD, #A3B1A1, #8E7C90, #5F4759)

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