Tempered Fern color palette — #F4F7E9 · #B4E5DF · #C7C3CD · #C3C59B · #455814

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sea Foam (#B4E5DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#C7C3CD): soft and architectural.
• Pistachio (#C3C59B): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#455814): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Worn Bronze color palette (#F6F3DF, #C5E8D8, #9BCFD1, #A27D3C, #394300)
• Worn Stone color palette (#E1FCF7, #C8E1F0, #96C8C3, #BAAEB3, #405755)
• Wandering Cocoa color palette (#FEF3E8, #ECD5BA, #D6AD87, #A88C75, #614000)
• Olive Market color palette (#F3F7EF, #E7DFB4, #64B094, #5C7739, #292D24)
• Mint Thicket color palette (#E9FED5, #C3F1FF, #62EFFD, #57C48B, #3B4E32)
• Worn Veranda color palette (#DCE6D0, #43C0A6, #1CA0C6, #1A7F42, #091500)
• Weathered Aqua color palette (#EAFAF1, #7AD0EE, #C2A9E3, #B789AC, #304238)
• Muted Harbor color palette (#F6F6EC, #A7C37B, #E18EA3, #B67657, #37342E)

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