#0A0A0A
#C8A000
#FFFFFF
#888888
Background
Primary Accent
Secondary
Body Text

Fine Dining

elegantminimalpremium all foodbrandingluxury
AA
WCAG Grade
5.6:1
Contrast Ratio
2,300
Saves
6,100
AI Copies
AI Prompt

Use #0A0A0A as the background. Use #C8A000 as the primary accent. Use #FFFFFF as secondary. Use #888888 as body text/supporting color. Palette mood: Fine Dining — elegant, minimal, premium.

Hex Codes, RGB & CMYK Color Values

Technical breakdown for the Fine Dining 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.3%
10, 10, 10 0%, 0%, 0%, 96% 0°, 0%, 4%
Primary Accent
Luminance: 37.4%
200, 160, 0 0%, 20%, 100%, 22% 48°, 100%, 39%
Secondary
Luminance: 100.0%
255, 255, 255 0%, 0%, 0%, 0% 0°, 0%, 100%
Body Text
Luminance: 24.6%
136, 136, 136 0%, 0%, 0%, 47% 0°, 0%, 53%

Fine Dining Color Psychology & Meaning

Fine dining is restraint made delicious — near-black with gold signals the kind of restaurant where the menu doesn't list prices and the amuse-bouche is the best thing you've ever eaten.

Color Harmony: Custom Scheme

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

Hue Wheel

A custom palette is often preferred by professional designers because it balances visual interest with cohesion.

History & Design Context

Fine dining visual identities converged on black-and-gold in the 1980s-1990s as Michelin-starred restaurants sought to differentiate from casual dining through graphic austerity.

Best Design Use Cases

Near-black for all menu and collateral backgrounds. Gold for the logo, typography accents, and premium indicators. White for plate photography backgrounds. Gray for secondary info.

Industries This Palette Suits

Fine dining restaurants, premium food brands, luxury hospitality, gourmet products, food media.

How to Implement the Fine Dining Color Scheme

To use this Fine Dining 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 #0A0A0A for the main background and #C8A000 for primary buttons. This creates a high-contrast focal point.

Accessibility Note

The contrast ratio between #888888 and #0A0A0A is 5.58:1 (AA). Ensure your body text remains legible.

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