Tempered Canyon color palette — #F5F6EC · #C2DFB6 · #E5B2EA · #7FBB66 · #674048

Jade and Carnation set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Celadon Mist (#C2DFB6): A whisper-light, dusty green — the color of new leaves after rain.
• Carnation (#E5B2EA): A whisper-light, balanced pink — the color of a candy shop window.
• Jade (#7FBB66): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#674048): A full-bodied, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Worn Celadon Thicket color palette (#E6FAF9, #B5F8CC, #D1C0FF, #6BAA82, #41445C)
• Washed Moss Garden color palette (#F6F6E8, #B4CE9D, #CF9DD2, #739B48, #5E4160)
• Washed Lagoon color palette (#EFF8ED, #A8E2DA, #F7B1BB, #35C0B2, #6B3E46)
• Muted Marigold Harbor color palette (#FAF4EB, #E5D3A6, #AEC7FA, #C9A339, #5F415C)
• Washed Powder color palette (#F4F7E6, #AAD5A8, #9FBDFB, #E39892, #42433C)
• Gentle Blush Corridor color palette (#E7F3E2, #61D6C2, #F38BAF, #00A895, #552135)
• Ancient Fern color palette (#F4F7E7, #C9E8D7, #B4C78F, #99C2CA, #4C5910)
• Cocoa Pier color palette (#FDF3EA, #EAD6BB, #CDB093, #AD8A71, #5C4300)

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