Tempered Emerald color palette — #F2F5FF · #BCAFED · #D1A55D · #5BA362 · #2D314A

Moss and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BCAFED): A luminous, balanced violet — the color of a velvet chair.
• Camel (#D1A55D): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#5BA362): A luminous, balanced green — the color of new leaves after rain.
• Navy (#2D314A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Muted Lagoon color palette (#F7F3FF, #E3A9D4, #D0904F, #38915A, #0C3C5A)
• Aged Teal Meadow color palette (#F6F3FF, #DBB3DA, #B1BE86, #44AE9E, #3F394E)
• Worn Amber color palette (#EDF6FF, #7EC0FA, #E99478, #AB8D05, #243545)
• Sunlit Lilac Corridor color palette (#F5F4FF, #BB88CC, #C6785F, #32814E, #332F45)
• Misty Jade Canyon color palette (#F8E8FA, #E88F9B, #60B484, #0092AC, #321D35)
• Ancient Sky Station color palette (#E3FCF5, #6FB8FF, #41B688, #388364, #112A24)
• Wandering Moss color palette (#F9F2FF, #FFA8D3, #61A731, #009BA3, #461931)
• Hushed Wisteria Dune color palette (#F5F4FB, #E2D8DF, #C1AEAD, #CC94D5, #484650)

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