#1A0A00
#8B3A00
#F0A030
#F5D870
Background
Primary Accent
Secondary
Body Text

Evening Market

warmvibrantatmospheric summerautumn foodtravelbranding
AAA
WCAG Grade
13.7:1
Contrast Ratio
2,100
Saves
5,600
AI Copies
AI Prompt

Use #1A0A00 as the background. Use #8B3A00 as the primary accent. Use #F0A030 as secondary. Use #F5D870 as body text/supporting color. Palette mood: Evening Market — warm, vibrant, atmospheric.

Hex Codes, RGB & CMYK Color Values

Technical breakdown for the Evening Market 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: 0.4%
26, 10, 0 0%, 62%, 100%, 90% 23°, 100%, 5%
Primary Accent
Luminance: 8.5%
139, 58, 0 0%, 58%, 100%, 45% 25°, 100%, 27%
Secondary
Luminance: 43.9%
240, 160, 48 0%, 33%, 80%, 6% 35°, 86%, 56%
Body Text
Luminance: 69.7%
245, 216, 112 0%, 12%, 54%, 4% 47°, 87%, 70%

Evening Market Color Psychology & Meaning

Evening market is the golden hour of street food — lantern light on steam rising from woks, the warm orange glow that turns a parking lot into somewhere worth being.

Color Harmony: Analogous Scheme

The Evening Market 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

Night market aesthetics draw from Southeast Asian and East Asian street food culture. The warm amber-on-black palette is visually associated with markets in Bangkok, Taipei, and Hanoi.

Best Design Use Cases

Near-black for backgrounds. Dark orange-red for surfaces. Warm orange for accent elements. Golden yellow for highlights and text on dark.

Industries This Palette Suits

Food brands, restaurants, night markets, Asian cuisine, travel, street food.

How to Implement the Evening Market Color Scheme

To use this Evening Market 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 #1A0A00 for the main background and #8B3A00 for primary buttons. This creates a high-contrast focal point.

Accessibility Note

The contrast ratio between #F5D870 and #1A0A00 is 13.74:1 (AAA). Ensure your body text remains legible.

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