Tempered Fern color palette — #FCEDF3 · #AD794D · #376C2C · #00497A · #1E0E20

A conversation between Olive and Navy, giving this palette its sense of nature and growth.

The five colors

• Blush (#FCEDF3): bright and airy, almost weightless.
• Caramel (#AD794D): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#376C2C): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00497A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#1E0E20): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Muted Rust color palette (#FBEDF7, #B46355, #635A00, #004752, #160D25)
• Softworn Atelier color palette (#EBF4EF, #9A9055, #12795A, #444180, #271420)
• Hushed Corridor color palette (#E8F6EE, #99903C, #6F6614, #00485F, #3E021A)
• Muted Navy color palette (#E5F8E7, #C68B81, #83671B, #373D84, #351728)
• Aubergine Lagoon color palette (#E0F9EC, #7C7200, #005C63, #540088, #1A0B00)
• Antique Summit color palette (#FFF2EF, #D37091, #008E5E, #535897, #37221F)
• Airy Coast color palette (#D4F8E4, #776B00, #005C20, #060090, #100002)
• Wandering Violet Harbor color palette (#F4F4FF, #925FB1, #006D69, #004762, #242B3F)

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