Tempered Fern Studio color palette — #FCF0E0 · #BE9357 · #645902 · #3C3731 · #28201B

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

The five colors

• Cream (#FCF0E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BE9357): A luminous, balanced gold — the color of old brass.
• Olive (#645902): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3C3731): a grounded near-black with real depth.
• Onyx (#28201B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Coral Archive color palette (#FFEEE7, #D87F78, #784E08, #5E2305, #27201F)
• Ancient Marigold Courtyard color palette (#F7F1E8, #DBAE6D, #927831, #734B00, #26201C)
• Softworn Marigold color palette (#EFF8EE, #D4A467, #3F5C52, #232F23, #120E11)
• Tempered Cabin color palette (#F3E7CE, #9D8500, #2E4E2C, #312405, #1B0E03)
• Patina Lilac color palette (#FCF5DD, #B3B778, #B197CF, #A87A9B, #44423B)
• Tempered Fern Station color palette (#FAF5EA, #D4D3B3, #93A281, #93747A, #535000)
• Shadow Cocoa color palette (#EADCC7, #594100, #19221B, #061100, #030100)
• Washed Fern Corridor color palette (#EAE9DA, #486E00, #424E50, #002B23, #0B0A00)

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