#F5F5E8
#E0E0C8
#C0BCA0
#888878
Background
Primary Accent
Secondary
Body Text

Liminal Space

eerienostalgicuncanny all artdigitalmedia
Fail
WCAG Grade
3.3:1
Contrast Ratio
2,200
Saves
6,000
AI Copies
AI Prompt

Use #F5F5E8 as the background. Use #E0E0C8 as the primary accent. Use #C0BCA0 as secondary. Use #888878 as body text/supporting color. Palette mood: Liminal Space — eerie, nostalgic, uncanny.

Hex Codes, RGB & CMYK Color Values

Technical breakdown for the Liminal Space 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: 90.5%
245, 245, 232 0%, 0%, 5%, 4% 60°, 39%, 94%
Primary Accent
Luminance: 73.3%
224, 224, 200 0%, 0%, 11%, 12% 60°, 28%, 83%
Secondary
Luminance: 49.7%
192, 188, 160 0%, 2%, 17%, 25% 53°, 20%, 69%
Body Text
Luminance: 24.2%
136, 136, 120 0%, 0%, 12%, 47% 60°, 6%, 50%

Liminal Space Color Psychology & Meaning

Liminal space is the specific aesthetic of empty places that should be full — these washed-out yellows and institutional greens are the colors of 3am hallways and backrooms that feel like memories.

Color Harmony: Analogous Scheme

The Liminal Space palette is built using a analogous relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.

Hue Wheel

A analogous palette is often preferred by professional designers because it creates a calm, serene atmosphere by using neighboring colors.

History & Design Context

Liminal space as an aesthetic emerged on Reddit and Tumblr around 2019-2020, drawing from the Backrooms and similar liminal internet aesthetics. It captures the uncanny quality of transitional spaces.

Best Design Use Cases

Washed-out warm white for dominant surfaces. Institutional warm gray for secondary. Mid warm gray for elements. Dark warm gray for text. Slightly too quiet.

Industries This Palette Suits

Digital art, alternative media, horror games, digital aesthetics, experimental content.

How to Implement the Liminal Space Color Scheme

To use this Liminal Space 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 #F5F5E8 for the main background and #E0E0C8 for primary buttons. This creates a high-contrast focal point.

Accessibility Note

The contrast ratio between #888878 and #F5F5E8 is 3.27:1 (Fail). Ensure your body text remains legible.

Live Preview
Generate Similar ✦
} } Skip to content > le> >