Tempered Fern color palette — #E2F2E5 · #A1934D · #666400 · #65381E · #201B00
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E2F2E5): A whisper-light, dusty teal — the color of sea glass.
- Moss (#A1934D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#666400): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#65381E): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Wandering Pine color palette (#D3F0E5, #7BA057, #297319, #5B4000, #102000)
- Pale Harbor color palette (#F3E1CB, #B48000, #836200, #4C3D00, #282300)
- Wandering Alley color palette (#FFF4E1, #B2A445, #636400, #5D2D0B, #0A0700)
- Bronze Hollow color palette (#D2F3DE, #9C8500, #008685, #615200, #002020)
- Weathered Olive color palette (#D9E9E0, #A8AA5E, #6A7A2F, #5D562C, #083123)
- Worn Terracotta Ridge color palette (#F2F0DA, #817700, #007C5F, #9A2C00, #151200)
- Tempered Fern color palette (#E4F4E5, #7E7E3C, #285000, #4B173F, #1D1C00)
- Hushed Pine color palette (#DCF0ED, #44845C, #005239, #302D00, #000802)
Browse the whole catalog at Explore, or see today's palette.