Tempered Fern color palette — #F8F5E9 · #D0D5B3 · #91A27E · #8F7771 · #4D5200
Built around Deep Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Wheat (#D0D5B3): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#91A27E): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#8F7771): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#4D5200): A full-bodied, balanced green — the color of new leaves after rain.
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
- Timeworn Fern Market color palette (#F6F5EE, #E0E1B9, #9CC19B, #A8987D, #515000)
- Fern Atelier color palette (#FFF3E2, #CCC488, #94A96C, #568057, #455812)
- Patina Chapel color palette (#EEF8F3, #C2DCF4, #78C0A3, #907F92, #394A48)
- Hushed Olive Bloom color palette (#F1E2D1, #ADA76F, #607C3E, #714D16, #2E2A00)
- Patina Lagoon color palette (#EFF7F4, #A8C9C1, #568D86, #546D59, #3C524E)
- Patina Pine color palette (#E9DEC6, #839E4C, #20723B, #524400, #151F00)
- Hushed Moss Station color palette (#F7F6E8, #B9CD97, #C9A1CF, #809655, #644249)
- Mint Harbor color palette (#F6F7E0, #95BF84, #B695CD, #B4768F, #43433C)
Browse the whole catalog at Explore, or see today's palette.