Tempered Fern color palette — #F9F5EB · #C8C2A1 · #6F8A61 · #526D63 · #5A4D00

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Pistachio (#C8C2A1): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#6F8A61): A luminous, dusty green — the color of fresh herbs.
• Graphite (#526D63): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#5A4D00): 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

• Antique Olive Villa color palette (#FAF4EC, #BDAE89, #6A7C2D, #724D5C, #524000)
• Oat Field color palette (#FEF1F6, #DAD3A0, #8AA57D, #7C7A92, #435149)
• Ancient Turquoise Grove color palette (#F8F5EF, #C7EADF, #59A7B3, #467B68, #375144)
• Tempered Alley color palette (#E7E6CF, #5E9C6C, #00644B, #2B396D, #262C05)
• Tempered Bronze color palette (#F3EADC, #867C2C, #3E4B00, #302651, #231900)
• Muted Station color palette (#FFF1F4, #C89ED4, #72A972, #8D5C9C, #4D4E47)
• Aged Pine Meadow color palette (#FAF6E0, #88B07D, #007E4B, #305083, #3B3B34)
• Lowlit Fern color palette (#E4DECB, #4C6820, #00360B, #00182E, #030700)

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