← Back to Editor

#41386B · #694D75 · #F8F2E6 · #F8E6C0 · #E0CE9E

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#41386B

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#41386B
RGB
rgb(65, 56, 107)
HSL
hsl(251, 31%, 32%)
HSB
hsb(251, 48%, 42%)
CMYK
cmyk(39%, 48%, 0%, 58%)
Oklch
oklch(37.6% 0.085 289.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#694D75

Dark Plum · DimGray · Eggplant

HEX
#694D75
RGB
rgb(105, 77, 117)
HSL
hsl(282, 21%, 38%)
HSB
hsb(282, 34%, 46%)
CMYK
cmyk(10%, 34%, 0%, 54%)
Oklch
oklch(46.6% 0.072 315.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#F8F2E6

Goose Yellow · Linen · Lemon Cream

HEX
#F8F2E6
RGB
rgb(248, 242, 230)
HSL
hsl(40, 56%, 94%)
HSB
hsb(40, 7%, 97%)
CMYK
cmyk(0%, 2%, 7%, 3%)
Oklch
oklch(96.3% 0.017 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F8E6C0

Goose Yellow · Bisque · Lemon Cream

HEX
#F8E6C0
RGB
rgb(248, 230, 192)
HSL
hsl(41, 80%, 86%)
HSB
hsb(41, 23%, 97%)
CMYK
cmyk(0%, 7%, 23%, 3%)
Oklch
oklch(93.0% 0.053 85.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E0CE9E

Goose Yellow · BurlyWood · Sunflower

HEX
#E0CE9E
RGB
rgb(224, 206, 158)
HSL
hsl(44, 52%, 75%)
HSB
hsb(44, 29%, 88%)
CMYK
cmyk(0%, 8%, 29%, 12%)
Oklch
oklch(85.5% 0.066 89.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41386B
626B38

Analogous

38486B
41386B
5B386B

Triadic

41386B
6B4238
386B42

Split-Comp.

41386B
6B5B38
486B38

Tetradic

41386B
6B3848
626B38
386B5B

Contrast Matrix WCAG 2.1 Contrast

41386B
694D75
F8F2E6
F8E6C0
E0CE9E
—
1.5
Fail
9.4
AAA
8.5
AAA
6.7
AA
1.5
Fail
—
6.5
AA
5.8
AA
4.6
AA
9.4
AAA
6.5
AA
—
1.1
Fail
1.4
Fail
8.5
AAA
5.8
AA
1.1
Fail
—
1.3
Fail
6.7
AA
4.6
AA
1.4
Fail
1.3
Fail
—
White BG
10.5AAA
7.2AAA
1.1Fail
1.2Fail
1.6Fail
Black BG
2.0Fail
2.9Fail
18.8AAA
17.1AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D5F
5D5D6B
F5F5E9
F0F0C9
D8D8AA

Deuteranopia

3E3E5C
5F6169
F6F6EA
F1F3CB
D9DBAC

Tritanopia

415553
686462
F8EBEC
F7D0D2
DFB3B5

Achromatopsia

414141
5A5A5A
F2F2F2
E7E7E7
CECECE

Shades & Tints Shades & Tints

#41386B

Dark
Light

#694D75

Dark
Light

#F8F2E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41386b;
  --color-2: #694d75;
  --color-3: #f8f2e6;
  --color-4: #f8e6c0;
  --color-5: #e0ce9e;
}

SCSS

$color-1: #41386b;
$color-2: #694d75;
$color-3: #f8f2e6;
$color-4: #f8e6c0;
$color-5: #e0ce9e;

TAILWIND

colors: {
  'brand-1': '#41386b',
  'brand-2': '#694d75',
  'brand-3': '#f8f2e6',
  'brand-4': '#f8e6c0',
  'brand-5': '#e0ce9e',
}

RGB Array

[65, 56, 107], [105, 77, 117], [248, 242, 230], [248, 230, 192], [224, 206, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #41386B, #694D75, #F8F2E6, #F8E6C0, #E0CE9E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #41386b; --color-2: #694d75; --color-3: #f8f2e6; --color-4: #f8e6c0; --color-5: #e0ce9e. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This luxury-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color