Tempered Fern color palette — #FFF4E1 · #A09F5E · #556C2B · #603F4E · #37352F
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#A09F5E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#556C2B): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#603F4E): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#37352F): 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 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
- Forest Basin color palette (#FBF5E1, #8AA56F, #3E7046, #24554B, #36362F)
- Weathered Balcony color palette (#FAF5E7, #AAB689, #59804C, #6C5157, #4C4300)
- Weathered Moss color palette (#F1EDCD, #44AB3B, #006C45, #5F304F, #153612)
- Stone Meadow color palette (#FFF2EC, #EFD9B7, #CEB275, #915466, #443C39)
- Sunlit Olive Parlor color palette (#FAEACD, #807F00, #364E00, #382447, #1C1C00)
- Muted Cerulean Studio color palette (#FAF4EC, #94D2D1, #008798, #00624B, #1F4333)
- Moss Boulevard color palette (#EDF8F2, #AAD5C2, #97AA5A, #B26E71, #173E2F)
- Feathered Scarlet color palette (#FFDCCE, #DB282D, #2E803A, #415891, #3F2318)
Browse the whole catalog at Explore, or see today's palette.