Tempered Jade Alley color palette — #E7F5F4 · #68AE7C · #3A6061 · #283C3B · #1D2322

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

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Jade (#68AE7C): A luminous, balanced teal — the color of sea glass.
• Peacock (#3A6061): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#283C3B): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1D2322): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Lagoon Canyon color palette (#CEF6FA, #009D80, #00504B, #002D31, #021516)
• Softworn Mint Canyon color palette (#F0F4E4, #89C896, #73806B, #505B12, #22221A)
• Antique Periwinkle Workshop color palette (#E8F8FF, #6AC0CE, #8D9EF2, #72A06D, #31464F)
• Tempered Terrace color palette (#EDF8F3, #AEDDCF, #87A775, #678579, #3D524C)
• Dusty Boulevard color palette (#DBF3FD, #006D78, #443C41, #002934, #000B11)
• Worn Marigold Atelier color palette (#E8F9F9, #9AD3B6, #E4A158, #519E7B, #63424E)
• Tempered Meadow color palette (#EEF7F7, #D8DBEA, #8FB5DC, #4F90AA, #465466)
• Cobalt Thicket color palette (#D4E3EE, #007FBC, #00376D, #001D2F, #000811)

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