Tempered Alley color palette — #FDF2F0 · #E1D8CD · #DDB19D · #AA405D · #4E3A36

Magenta Rose and Sand set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Bone (#E1D8CD): bright and airy, almost weightless.
• Sand (#DDB19D): A luminous, dusty orange — the color of sun-warmed clay.
• Magenta Rose (#AA405D): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#4E3A36): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, 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

• Pewter Chapel color palette (#FFF1F4, #E9D5CD, #DBAFB1, #855492, #4B3B3E)
• Aged Bronze Orchard color palette (#FAF4EF, #DCDAD1, #C4C2A8, #96684D, #50453E)
• Dusty Terracotta color palette (#F8EBE8, #D9C8C1, #B49A8C, #8B323C, #3B2923)
• Feathered Coral color palette (#FFF2ED, #FFB7C2, #FF7164, #C55D00, #622216)
• Softworn Bronze Drift color palette (#F3ECE5, #B3A79A, #9E7837, #532C00, #1F1002)
• Cellar Brick Basin color palette (#FFDDCD, #C01D00, #4A1A00, #2C0D00, #0F0701)
• Blush Corridor color palette (#FDF2F1, #E3D9CA, #9EB8AB, #E182A8, #503937)
• Bronze Archive color palette (#FFDFD1, #C9A17E, #A37400, #3F6640, #0D504F)

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