Tempered Alley color palette — #FFF2ED · #E8796E · #34A48A · #3A7698 · #38312E

Watermelon takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#E8796E): A luminous, balanced orange — the color of toasted spice.
• Fern (#34A48A): A luminous, balanced teal — the color of glacier melt.
• Slate (#3A7698): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#38312E): a grounded near-black with real depth.

Feels like: Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Frosted Amber color palette (#FFF2EA, #E17B4E, #008C78, #326194, #3F2626)
• Peony Villa color palette (#FFF1F2, #DF71C0, #799B64, #307C7B, #422C2D)
• Weathered Amber color palette (#FFF3E4, #D38F00, #4B9BB3, #6B679E, #37322C)
• Muted Thicket color palette (#FFF4E2, #E99E5A, #918844, #266B8B, #413C36)
• Tempered Mallow Study color palette (#F5F4FF, #CF9CE3, #50AFB4, #007DA8, #242137)
• Azure Field color palette (#FFF0F7, #E6AA83, #7DBF90, #4299CE, #452837)
• Tempered Balcony color palette (#F5EEDB, #9E9200, #4E80CC, #705188, #2D2611)
• Driftwood Chapel color palette (#FBF4EE, #DDDCCF, #C0C3B2, #A8886E, #4F463F)

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