Memphis Design Color Psychology & Meaning
Memphis Design is the 1980s shouting in three colors — these primaries are used with pattern, texture, and total disregard for conventional composition. It's glorious.
#F5F0E8
#FF2D78
#00A0E8
#FFD700
Background
Primary Accent
Secondary
Body Text
Memphis Design
playfulboldmaximalist all designbrandingart
Fail
WCAG Grade
1.2:1
Contrast Ratio
2,100
Saves
5,700
AI Copies
Use #F5F0E8 as the background. Use #FF2D78 as the primary accent. Use #00A0E8 as secondary. Use #FFD700 as body text/supporting color. Palette mood: Memphis Design — playful, bold, maximalist.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Memphis Design color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 87.6% | 245, 240, 232 | 0%, 2%, 5%, 4% | 37°, 39%, 94% | ||
| Primary Accent Luminance: 24.5% | 255, 45, 120 | 0%, 82%, 53%, 0% | 339°, 100%, 59% | ||
| Secondary Luminance: 31.0% | 0, 160, 232 | 100%, 31%, 0%, 9% | 199°, 100%, 45% | ||
| Body Text Luminance: 69.9% | 255, 215, 0 | 0%, 16%, 100%, 0% | 51°, 100%, 50% |
Color Harmony: Triadic Scheme
The Memphis Design palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Memphis Group (founded 1981 by Ettore Sottsass) rejected Bauhaus functionalism with deliberately excessive, colorful, and playful design. Its influence returned via 80s nostalgia in the 2010s.
Best Design Use Cases
Cream for backgrounds. Pink, blue, and yellow as simultaneous equals. Layer with patterns. Use geometric shapes as decorative elements. Excess is the point.
Industries This Palette Suits
Design studios, cultural institutions, 80s nostalgia brands, art exhibitions, editorial.
How to Implement the Memphis Design Color Scheme
To use this Memphis Design color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #F5F0E8 for the main background and #FF2D78 for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #FFD700 and #F5F0E8 is 1.24:1 (Fail). Ensure your body text remains legible.