Tempered Fern color palette — #F2F5FD · #9292C5 · #995C63 · #5F5400 · #154A55

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

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Blue Fog (#9292C5): A luminous, dusty violet — the color of wild irises.
• Walnut (#995C63): A full-bodied, balanced red — the color of a theater curtain.
• Olive (#5F5400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#154A55): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Garden color palette (#EFF6FC, #6E9FBD, #8A5E8C, #7F400C, #2D4B2A)
• Timeworn Coast color palette (#EAF3F9, #54A9C3, #A35B44, #005A4B, #002E32)
• Tempered Courtyard color palette (#F8F2FD, #B86D90, #835A17, #005732, #043C5A)
• Worn Abyss Orchard color palette (#F2F5FF, #C2C1D8, #988CA2, #5D7569, #31565E)
• Aged Amber color palette (#ECF9F2, #71BDDB, #C27656, #2B7862, #39482B)
• Wandering Violet Studio color palette (#F4F4FF, #9561C3, #9B3100, #2B4A00, #003646)
• Mulberry Corridor color palette (#F2F3FF, #CDB0D9, #A572A6, #894476, #584665)
• Dusty Blush color palette (#FEF1F8, #C0BFFF, #DB9297, #8C895E, #2F4A30)

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