Tempered Fern Market color palette — #FFF3E8 · #A99B60 · #516D36 · #574163 · #38352E

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Moss (#A99B60): A luminous, balanced green — the color of new leaves after rain.
• Olive (#516D36): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#574163): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#38352E): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Fern Market 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

• Cypress Hollow color palette (#FCF4E8, #91A371, #2D724F, #315441, #36362F)
• Muted Veranda color palette (#FBF4EA, #B7B18B, #547F61, #6F5053, #4D4300)
• Pale Moss Corridor color palette (#F4EBD3, #66A456, #006A56, #6C2742, #17360F)
• Olive Lantern color palette (#E8F6EC, #7EAB99, #4E702E, #134C67, #1C1E00)
• Olive Courtyard color palette (#FAF5EB, #B3B989, #6A8D4C, #206B8F, #37352F)
• Dusty Atelier color palette (#FEF2EF, #B0CFAC, #0086A0, #345F30, #1A3D5A)
• Dusty Station color palette (#F4E9DE, #7E7E3F, #185218, #3F2143, #221A00)
• Mulberry Study color palette (#FFE8EB, #AD77B1, #6A842F, #812989, #2D3C06)

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