Tempered Fern color palette — #F9F5EC · #C8C1A5 · #7B875E · #596D4F · #5C4C00

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

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Stone (#C8C1A5): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#7B875E): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#596D4F): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#5C4C00): A full-bodied, balanced green — the color of fresh herbs.

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

• Softworn Pier color palette (#F3F7EF, #A1B796, #3C807C, #365E7F, #37482F)
• Driftwood Cabin color palette (#F7F0EB, #D4C19D, #808856, #6F596C, #34312A)
• Antique Taupe color palette (#FBF3F6, #BBDAC4, #98A269, #707E94, #425247)
• Onyx Pier color palette (#E8DFCB, #6F6F2B, #333D00, #470011, #111000)
• Weathered Garnet Lantern color palette (#F5EAD4, #999736, #566200, #7B1623, #313000)
• Wandering Quarry color palette (#E6E6D1, #709772, #006639, #004651, #282C05)
• Ash Atelier color palette (#FFF1F5, #E4D7D3, #E5BCA9, #9282B6, #634B51)
• Worn Indigo color palette (#FFF1F6, #CEA1B4, #45AAB0, #7D5FB2, #13575B)

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