Tempered Alley color palette — #ECF2DF · #34B66D · #506953 · #374200 · #100D03

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

The five colors

• Cream (#ECF2DF): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#34B66D): A luminous, balanced teal — the color of sea glass.
• Pine (#506953): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#374200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#100D03): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Aged Harbor color palette (#F0EDDC, #8CA900, #506C2D, #3E3D36, #120C05)
• Aged Station color palette (#DFE8D9, #31C4A6, #5A7868, #444D3E, #191911)
• Softworn Orchard color palette (#DBF0DC, #00A6AA, #2F5D83, #1F3D23, #050900)
• Timeworn Cabin color palette (#DFF5F4, #00995A, #19474E, #072727, #03100E)
• Teal Alley color palette (#FEF4E1, #BCD3A8, #61B390, #918356, #36362F)
• Cypress Grove color palette (#D8ECD4, #007B73, #01374E, #0F1C19, #000A08)
• Patina Dune color palette (#C7ECDF, #0094DE, #6A475A, #0F382D, #010602)
• Tempered Pier color palette (#E0EEDC, #70D29F, #00B39D, #00848E, #00445C)

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