Ramen Shop Color Psychology & Meaning
Ramen shop is the palette of a 12-seat counter in Fukuoka at 11pm — dark wood, steam rising, a red lantern, and broth that took two days to make.
#1A0800
#C83000
#F0A030
#F5E8D0
Background
Primary Accent
Secondary
Body Text
Ramen Shop
warmcomfortingatmospheric autumnwinter foodbrandingrestaurant
AAA
WCAG Grade
16.1:1
Contrast Ratio
2,200
Saves
5,800
AI Copies
Use #1A0800 as the background. Use #C83000 as the primary accent. Use #F0A030 as secondary. Use #F5E8D0 as body text/supporting color. Palette mood: Ramen Shop — warm, comforting, atmospheric.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Ramen Shop 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, 8, 0 | 0%, 69%, 100%, 90% | 18°, 100%, 5% | ||
| Primary Accent Luminance: 14.4% | 200, 48, 0 | 0%, 76%, 100%, 22% | 14°, 100%, 39% | ||
| Secondary Luminance: 43.9% | 240, 160, 48 | 0%, 33%, 80%, 6% | 35°, 86%, 56% | ||
| Body Text Luminance: 81.7% | 245, 232, 208 | 0%, 5%, 15%, 4% | 39°, 65%, 89% |
Color Harmony: Analogous Scheme
The Ramen Shop 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
Ramen shop visual aesthetics draw from Japanese izakaya culture and the specific atmosphere of regional ramen shops in Japan. The palette was codified through food photography and travel media.
Best Design Use Cases
Dark warm brown for backgrounds. Deep red for primary brand elements and warmth. Warm orange for accent and interactive elements. Cream for text on dark.
Industries This Palette Suits
Japanese restaurants, ramen shops, Asian food brands, food delivery, culinary brands.
How to Implement the Ramen Shop Color Scheme
To use this Ramen Shop 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 #1A0800 for the main background and #C83000 for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #F5E8D0 and #1A0800 is 16.07:1 (AAA). Ensure your body text remains legible.