Tempered Fern color palette — #F3F6F0 · #D2DEDB · #A8B5BD · #72BE9E · #3A510D

Deep Olive takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D2DEDB): bright and airy, almost weightless.
• Ash (#A8B5BD): a calm mid-gray that lets other colors speak.
• Mint Leaf (#72BE9E): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#3A510D): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Washed Lantern color palette (#FCF6D6, #D2D7BB, #A1C2A9, #B38963, #5C4F00)
• Washed Atelier color palette (#FDF3EC, #E4D2B5, #A5B47D, #5B9F93, #583D00)
• Patina Lagoon Pier color palette (#EFF7F8, #D5DBE0, #B8C3D4, #2CA586, #3B4B4D)
• Hushed Teal color palette (#DAEADA, #2CC1C2, #51796D, #3B503C, #171912)
• Soft Bronze Dune color palette (#F5F6EA, #A1CC94, #54A9DF, #BA6218, #224118)
• Ancient Azure color palette (#EFF7F4, #E7D9DA, #D9BCB6, #48A8E8, #2A4039)
• Wandering Cypress color palette (#EAF4F4, #D0DBE7, #B9BDCC, #52816A, #242E2F)
• Washed Petrol color palette (#E1E7E2, #90A6A9, #AC8E9F, #00707C, #020C04)

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