Tempered Fern color palette — #F5F4FF · #BE9ECB · #A77084 · #645D00 · #325B2A

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#BE9ECB): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#A77084): A luminous, dusty rose — the color of strawberry cream.
• Olive (#645D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#325B2A): A full-bodied, balanced green — the color of fresh herbs.

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

• Bronze Market color palette (#FCE3FF, #CA9AAE, #A5625D, #496838, #005243)
• Driftwood Cabin color palette (#FEE0FE, #A1A4D5, #996BA6, #784F00, #4D4E22)
• Feathered Raspberry color palette (#CBEAFF, #B0A4EB, #BA5E7C, #005D44, #222E12)
• Ancient Fern color palette (#E0DBF1, #A88288, #955363, #3F4C01, #33342D)
• Worn Mallow Market color palette (#EDECFF, #EDB2FC, #E496B6, #918E53, #375432)
• Softworn Pewter color palette (#FFF2EF, #E1C6BA, #A59787, #64765D, #42584C)
• Cypress Courtyard color palette (#C8EAFF, #BFBBFE, #C5859C, #217E62, #224E51)
• Mulberry Veranda color palette (#FFF1F2, #DE79CA, #00965F, #860076, #00472A)

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