Tempered Orchard color palette — #F4F7EA · #C6F4C5 · #D4BFFB · #73AA73 · #5E3949

Jade takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Mint (#C6F4C5): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender (#D4BFFB): A whisper-light, balanced violet — the color of wild irises.
• Jade (#73AA73): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#5E3949): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Tempered Orchard 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 Hollow color palette (#FFF3E5, #E3E2B0, #BCC8FF, #B8935D, #583C50)
• Worn Courtyard color palette (#F1F8EB, #BAF4DF, #FFB4BC, #50AE91, #5F3C32)
• Weathered Lagoon color palette (#F0F7F0, #DAD6CB, #559292, #364D37, #141E15)
• Mint Grove color palette (#F3FAD6, #BEEEE1, #8CBB8C, #4A7349, #2F312A)
• Olive Parlor color palette (#ECF9F5, #A3B983, #B385BE, #617E30, #4D4865)
• Muted Fern Quarry color palette (#F8F6E3, #C8EBDC, #B4C4E0, #D2B995, #495810)
• Hushed Bronze Pier color palette (#FFF3E8, #DFE1BE, #C4A891, #A9664C, #4B3F00)
• Wandering Loft color palette (#F3F8E2, #A7DBB1, #C9AEE1, #B293CD, #353D00)

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