Tempered Alley color palette — #F5F2E5 · #C3C7A4 · #728E4E · #506859 · #31322B

Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Pistachio (#C3C7A4): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#728E4E): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#506859): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Tempered Fern color palette (#F2F3E9, #BACAAA, #6F8B70, #63661C, #233900)
• Softworn Parlor color palette (#F7F2E3, #B5B694, #4B8267, #684C55, #292913)
• Softworn Cypress color palette (#F8F0EC, #C6E8E3, #78A896, #3C786A, #422E43)
• Inked Pine Bloom color palette (#E2DFCB, #447545, #004131, #2E0D36, #000400)
• Fern Coast color palette (#F7E6D1, #979051, #455F22, #313558, #151200)
• Teal Station color palette (#EDF8F3, #B9D9D3, #74A991, #588497, #3B524F)
• Weathered Lagoon color palette (#F3F3E2, #77B898, #007C75, #035374, #002818)
• Antique Jade Pier color palette (#E9E7C7, #39AD70, #006A5F, #5C2459, #001C0C)

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