Tempered Fern color palette — #F5F6EE · #93BD7B · #546CAA · #416E20 · #2C1F2A

Olive and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Mint Leaf (#93BD7B): A luminous, balanced green — the color of fresh herbs.
• Slate (#546CAA): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#416E20): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2C1F2A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, 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

• Antique Cypress color palette (#F3F6EF, #97CEB7, #7A74B0, #158061, #372931)
• Weathered Pine Workshop color palette (#EBF4F3, #86C49D, #007FAD, #007845, #00101C)
• Chestnut Summit color palette (#F9F5EE, #C7AB66, #067D8B, #775B00, #15291B)
• Emerald Ridge color palette (#F4F7EE, #9BD4AF, #009DCE, #00995A, #0F2A20)
• Airy Dune color palette (#EEF9EB, #00BBAA, #922DAC, #00645A, #291130)
• Aged Petrol Lagoon color palette (#FFF2EC, #65A883, #2B7196, #763A2E, #31432D)
• Moss Pier color palette (#F6F7E5, #719557, #655894, #624000, #373400)
• Celadon Alley color palette (#E8FBEC, #CBEB8F, #4AD5D5, #7C7CC0, #234435)

Browse the whole catalog at Explore, or see today's palette.