Tempered Fern color palette — #FDF4E6 · #90B480 · #478475 · #734C5B · #434E00

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#90B480): A luminous, balanced green — the color of fresh herbs.
• Fern (#478475): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#734C5B): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#434E00): A full-bodied, balanced green — the color of new leaves after rain.

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

• Cocoa Bloom color palette (#FEF4E4, #BDA56C, #6C7F55, #445A7B, #594500)
• Ancient Basalt color palette (#F5F6EC, #7DA47A, #447794, #6A436A, #5B3A1F)
• Worn Mulberry Meadow color palette (#FFEDE9, #B0AF79, #2F897D, #743C5A, #2D2E13)
• Teal Station color palette (#FCF1FD, #C1C192, #4FA397, #915B77, #2C4F49)
• Chestnut Hollow color palette (#F5F9D9, #B7C2B0, #86998A, #7F6368, #7A4514)
• Seafoam Cabin color palette (#F3F7E8, #EDFFB7, #9BE2B0, #39A7A1, #484B45)
• Muted Petrol color palette (#F9F4EE, #C7E9EE, #8599BF, #41778A, #604B59)
• Lagoon Corridor color palette (#FBECD7, #129B88, #00657B, #642747, #1B381D)

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