Tempered Fern color palette — #F7F5EE · #C5C2A8 · #6B8B66 · #437063 · #574E00
Deep Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F5EE): a clean, paper-quiet neutral.
- Stone (#C5C2A8): A luminous, dusty green — the color of new leaves after rain.
- Fern (#6B8B66): A luminous, dusty green — the color of fresh herbs.
- Teal (#437063): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#574E00): 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
- Cocoa Lagoon color palette (#F9F4EE, #C9C0AA, #7D875C, #7C5A6C, #604A00)
- Cypress Delta color palette (#F8F5EF, #CCE4DE, #7DA48B, #287F6C, #2E5344)
- Worn Aubergine color palette (#EFE3CD, #7E7D45, #374D00, #371961, #1D1C00)
- Weathered Field color palette (#FFF1F3, #D1A1AA, #74A77D, #9952A0, #4C4E47)
- Navy Hollow color palette (#E5E6D6, #69987A, #006451, #313770, #07321C)
- Denim Alley color palette (#F7F6E6, #86B086, #007D56, #2F4C94, #1C451F)
- Moonless Fern color palette (#EDE9D9, #4B6738, #003516, #001633, #020800)
- Ash Workshop color palette (#FFF1F3, #E3D8D1, #DAC3A1, #9C84AD, #5C4646)
Browse the whole catalog at Explore, or see today's palette.