Tempered Fern color palette — #F8F5EB · #C1AE6B · #565500 · #302E27 · #1B1E15

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

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Camel (#C1AE6B): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#565500): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#302E27): quiet, heavy and certain.
• Onyx (#1B1E15): quiet, heavy and certain.

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

• Sand Garden color palette (#F8F6E6, #F9CC9E, #8E9C65, #5E693F, #242215)
• Ancient Pine Quarry color palette (#F5F6ED, #93BB8D, #008076, #217318, #1D271B)
• Wandering Lantern color palette (#E7FBF3, #E7BC7E, #6E7935, #264B3F, #152620)
• Weathered Moss Pier color palette (#F2F8E7, #A6A904, #005732, #002F19, #0B1A10)
• Velvet Drift color palette (#E3DFCA, #7E6C00, #1E282C, #1A2000, #040500)
• Softworn Moss Lagoon color palette (#DAE1D3, #889613, #00402F, #001C12, #000903)
• Washed Terrace color palette (#F7F7E1, #53AB8A, #007A74, #314D7D, #34422A)
• Worn Pine color palette (#F4F6EF, #D4DED7, #AFC7BB, #48835A, #46493F)

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