Tempered Lime color palette — #FBF2F9 · #EDA397 · #9AB55C · #7F82BA · #3B2C38

A conversation between Sage and Melon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Melon (#EDA397): A luminous, balanced orange — the color of sun-warmed clay.
• Sage (#9AB55C): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#7F82BA): A luminous, balanced violet — the color of wild irises.
• Espresso (#3B2C38): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Lime 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

• Tempered Mustard Corridor color palette (#EEF8F0, #DCBB70, #8FB476, #7D7FB1, #29382C)
• Wandering Apricot Coast color palette (#FEF1F7, #F0A779, #C09C50, #3D94AA, #40323F)
• Weathered Teal color palette (#F8F3FD, #F0B2D0, #5EBF99, #9878AB, #413F59)
• Aged Archive color palette (#FDEDF2, #E3AA6E, #608576, #604F55, #252024)
• Tempered Orchard color palette (#FEF0FC, #FC8D87, #5B9F85, #446885, #26222F)
• Violet Harbor color palette (#FFF0FA, #FF835E, #00B295, #965EC7, #3B1509)
• Muted Delta color palette (#FFF1F5, #E4D6D3, #A4D591, #9C9EA8, #364A3D)
• Frosted Mustard Lantern color palette (#ECF9EE, #DFB046, #00AFB8, #B15B81, #1E3423)

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