Tempered Fern color palette — #E3FDEA · #997900 · #206C00 · #004A47 · #561A00
Built around Olive, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E3FDEA): A whisper-light, dusty teal — the color of glacier melt.
- Ochre (#997900): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#206C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#561A00): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Olive Lantern color palette (#E2F8EE, #777E00, #006445, #00424E, #402400)
- Hushed Bronze color palette (#FFF1F6, #B56800, #586000, #004C38, #5E0811)
- Gentle Villa color palette (#E8FAF0, #A2AB4C, #5A7500, #754300, #3A3E14)
- Marigold Cabin color palette (#FFF1F5, #FFC1A0, #DF9100, #927500, #4B2F00)
- Weathered Fern color palette (#D8F1E7, #525F00, #004132, #00232E, #1B0F00)
- Navy Orchard color palette (#CDF0F1, #00825B, #005563, #001496, #232700)
- Weathered Bronze Lantern color palette (#DFF1DF, #8C5E00, #362900, #021F05, #1B0C12)
- Weathered Olive color palette (#FFEBBA, #B5B481, #6D824D, #036863, #1A4966)
Browse the whole catalog at Explore, or see today's palette.