Tempered Alley color palette — #FFF3E9 · #E1D2CB · #A0DB92 · #A4B2AE · #593C00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#E1D2CB): bright and airy, almost weightless.
• Pistachio (#A0DB92): A whisper-light, balanced green — the color of a quiet forest floor.
• Ash (#A4B2AE): soft and architectural.
• Cocoa (#593C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Antique Honey Corridor color palette (#FFF2EE, #E0D1D5, #EAC562, #C0BDB2, #6B3209)
• Timeworn Fern Dune color palette (#F9F5EC, #C3E0D3, #A4B68D, #A27982, #4C4800)
• Weathered Sand color palette (#FFF1F7, #F0D4CA, #E2C986, #86B085, #394D3E)
• Antique Olive color palette (#FFF3E9, #E1DEBF, #BCAE65, #71863F, #484942)
• Seafoam Ridge color palette (#F9F5E9, #FEFAA6, #E5DCD4, #51E7CC, #3E3D36)
• Weathered Teal Thicket color palette (#FAF4F0, #C6DCE6, #BDBEEE, #43A590, #604356)
• Linen Clover Summit color palette (#FFF4E1, #DFE7AC, #DBD4CB, #00DC6B, #272400)
• Tempered Fern Field color palette (#FBF4EC, #D1A574, #625400, #352819, #150E0A)

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