Tempered Alley color palette — #F4F7EA · #A9E4CD · #6ABDB5 · #A78597 · #324C08

A conversation between Deep Olive and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Mint (#A9E4CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#6ABDB5): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#A78597): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#324C08): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Teal color palette (#F4F8E2, #8FDDBC, #50B3A6, #9E7A72, #343730)
• Mint Terrace color palette (#FAF5E8, #CEDCAA, #90BA84, #77998D, #4C4300)
• Airy Blush color palette (#FFF2EE, #FFB4BF, #5ED3CC, #DD7D8D, #074D4A)
• Powder Lantern color palette (#FAF4EC, #DBDFF6, #9EBEF5, #58A4BC, #583E50)
• Softworn Moss color palette (#F8E9CF, #C4C84D, #79A835, #8C6BA3, #2F3000)
• Timeworn Mint Atelier color palette (#FFF2EE, #FF9FA3, #8FC678, #85A7D7, #4C3027)
• Patina Denim Field color palette (#E8F5F6, #8BBDC6, #388381, #32587D, #0C2C31)
• Hushed Cocoa Parlor color palette (#FFF2ED, #C8FFEA, #E1D7CE, #D59FB4, #783C1B)

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