Tempered Alley color palette — #FDEFE6 · #AE684A · #563400 · #352419 · #1A1510
Mocha and Cocoa set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#FDEFE6): a clean, paper-quiet neutral.
- Mocha (#AE684A): A full-bodied, balanced orange — the color of toasted spice.
- Cocoa (#563400): A deep, shadowed, dusty gold — the color of old brass.
- Espresso (#352419): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#1A1510): quiet, heavy and certain.
Feels like: Optimism, 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
- Deep Bronze Canyon color palette (#ECDDCE, #945800, #362900, #261300, #0B0600)
- Amber Summit color palette (#FAEEF5, #DB7F5D, #475F4E, #3F343B, #242026)
- Weathered Apricot color palette (#FEECF6, #FF986A, #8D737B, #5E5058, #252024)
- Midnight Basalt Field color palette (#EAE5C2, #485457, #333F00, #152326, #000C01)
- Patina Pewter Delta color palette (#FFF4E1, #AB9565, #4A97A0, #965F97, #583D00)
- Midnight Harbor color palette (#E2E2D4, #3D6800, #002613, #061100, #010300)
- Tempered Bronze Harbor color palette (#FFF2EA, #D5AA87, #A57534, #7A5D00, #524F48)
- Fern Basin color palette (#F5F6EC, #BDC4AE, #738965, #825A55, #44550D)
Browse the whole catalog at Explore, or see today's palette.