← Back to Editor

#E0C6E2 · #A18C57 · #56525E · #302338 · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#E0C6E2

Lilac · LightGray · Lavender

HEX
#E0C6E2
RGB
rgb(224, 198, 226)
HSL
hsl(296, 33%, 83%)
HSB
hsb(296, 12%, 89%)
CMYK
cmyk(1%, 12%, 0%, 11%)
Oklch
oklch(85.7% 0.047 323.8)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#A18C57

Ochre · Gray · Honey Gold

HEX
#A18C57
RGB
rgb(161, 140, 87)
HSL
hsl(43, 30%, 49%)
HSB
hsb(43, 46%, 63%)
CMYK
cmyk(0%, 13%, 46%, 37%)
Oklch
oklch(64.7% 0.076 88.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#56525E

Ink Gray · DimGray · Charcoal

HEX
#56525E
RGB
rgb(86, 82, 94)
HSL
hsl(260, 7%, 35%)
HSB
hsb(260, 13%, 37%)
CMYK
cmyk(9%, 13%, 0%, 63%)
Oklch
oklch(44.7% 0.020 300.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#302338

Dark Plum · DarkSlateGray · Dark Purple

HEX
#302338
RGB
rgb(48, 35, 56)
HSL
hsl(277, 23%, 18%)
HSB
hsb(277, 37%, 22%)
CMYK
cmyk(14%, 38%, 0%, 78%)
Oklch
oklch(28.1% 0.042 312.1)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0C6E2
C7E2C5

Analogous

D2C5E2
E0C6E2
E2C5D6

Triadic

E0C6E2
E2E0C5
C5E2E0

Split-Comp.

E0C6E2
D6E2C5
C5E2D2

Tetradic

E0C6E2
E2D2C5
C7E2C5
C5D6E2

Contrast Matrix WCAG 2.1 Contrast

E0C6E2
A18C57
56525E
302338
000000
—
2.1
Fail
4.8
AA
9.4
AAA
13.3
AAA
2.1
Fail
—
2.3
Fail
4.5
AA Large
6.4
AA
4.8
AA
2.3
Fail
—
1.9
Fail
2.8
Fail
9.4
AAA
4.5
AA Large
1.9
Fail
—
1.4
Fail
13.3
AAA
6.4
AA
2.8
Fail
1.4
Fail
—
White BG
1.6Fail
3.3AA Large
7.6AAA
14.8AAA
21.0AAA
Black BG
13.3AAA
6.4AA
2.8Fail
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5DB
989864
54545B
2A2A33
000000

Deuteranopia

D6D8DA
999B67
55555A
2B2C32
000000

Tritanopia

DFD6D5
A06E70
565958
2F2F2E
000000

Achromatopsia

D1D1D1
8C8C8C
555555
292929
000000

Shades & Tints Shades & Tints

#E0C6E2

Dark
Light

#A18C57

Dark
Light

#56525E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0c6e2;
  --color-2: #a18c57;
  --color-3: #56525e;
  --color-4: #302338;
  --color-5: #000000;
}

SCSS

$color-1: #e0c6e2;
$color-2: #a18c57;
$color-3: #56525e;
$color-4: #302338;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#e0c6e2',
  'brand-2': '#a18c57',
  'brand-3': '#56525e',
  'brand-4': '#302338',
  'brand-5': '#000000',
}

RGB Array

[224, 198, 226], [161, 140, 87], [86, 82, 94], [48, 35, 56], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0C6E2, #A18C57, #56525E, #302338, #000000 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0c6e2; --color-2: #a18c57; --color-3: #56525e; --color-4: #302338; --color-5: #000000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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