← Back to Editor

#EAD97D · #6F625A · #534872 · #31063C · #4C3150

A 5-color palette 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

#EAD97D

Fresh Green · Khaki · Sunflower

HEX
#EAD97D
RGB
rgb(234, 217, 125)
HSL
hsl(51, 72%, 70%)
HSB
hsb(51, 47%, 92%)
CMYK
cmyk(0%, 7%, 47%, 8%)
Oklch
oklch(88.0% 0.115 99.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#6F625A

Tangerine · DimGray · Amber Brown

HEX
#6F625A
RGB
rgb(111, 98, 90)
HSL
hsl(23, 10%, 39%)
HSB
hsb(23, 19%, 44%)
CMYK
cmyk(0%, 12%, 19%, 56%)
Oklch
oklch(50.6% 0.021 53.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#534872

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#534872
RGB
rgb(83, 72, 114)
HSL
hsl(256, 23%, 36%)
HSB
hsb(256, 37%, 45%)
CMYK
cmyk(27%, 37%, 0%, 55%)
Oklch
oklch(43.1% 0.069 295.4)

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

#31063C

Royal Purple · MidnightBlue · Dark Purple

HEX
#31063C
RGB
rgb(49, 6, 60)
HSL
hsl(288, 82%, 13%)
HSB
hsb(288, 90%, 24%)
CMYK
cmyk(18%, 90%, 0%, 76%)
Oklch
oklch(23.6% 0.101 318.3)

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

#4C3150

Dark Plum · DarkSlateGray · Eggplant

HEX
#4C3150
RGB
rgb(76, 49, 80)
HSL
hsl(292, 24%, 25%)
HSB
hsb(292, 39%, 31%)
CMYK
cmyk(5%, 39%, 0%, 69%)
Oklch
oklch(35.8% 0.063 322.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD97D
7B8CEA

Analogous

EAA27B
EAD97D
C3EA7B

Triadic

EAD97D
7BEAD9
D97BEA

Split-Comp.

EAD97D
7BC3EA
A27BEA

Tetradic

EAD97D
7BEAA2
7B8CEA
EA7BC3

Contrast Matrix WCAG 2.1 Contrast

EAD97D
6F625A
534872
31063C
4C3150
—
4.1
AA Large
5.8
AA
12.0
AAA
7.9
AAA
4.1
AA Large
—
1.4
Fail
2.9
Fail
1.9
Fail
5.8
AA
1.4
Fail
—
2.1
Fail
1.4
Fail
12.0
AAA
2.9
Fail
2.1
Fail
—
1.5
Fail
7.9
AAA
1.9
Fail
1.4
Fail
1.5
Fail
—
White BG
1.4Fail
5.9AA
8.3AAA
17.2AAA
11.3AAA
Black BG
14.7AAA
3.6AA Large
2.5Fail
1.2Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E293
69695C
4E4E68
1E1E2F
404048

Deuteranopia

E4E599
6A6B5C
4F5065
21242C
424447

Tritanopia

E9A5A9
6E5D5E
52605E
2F2522
4B4341

Achromatopsia

D4D4D4
656565
505050
191919
3D3D3D

Shades & Tints Shades & Tints

#EAD97D

Dark
Light

#6F625A

Dark
Light

#534872

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead97d;
  --color-2: #6f625a;
  --color-3: #534872;
  --color-4: #31063c;
  --color-5: #4c3150;
}

SCSS

$color-1: #ead97d;
$color-2: #6f625a;
$color-3: #534872;
$color-4: #31063c;
$color-5: #4c3150;

TAILWIND

colors: {
  'brand-1': '#ead97d',
  'brand-2': '#6f625a',
  'brand-3': '#534872',
  'brand-4': '#31063c',
  'brand-5': '#4c3150',
}

RGB Array

[234, 217, 125], [111, 98, 90], [83, 72, 114], [49, 6, 60], [76, 49, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAD97D, #6F625A, #534872, #31063C, #4C3150 is ideal for: tech websites, dark mode UIs, game UIs, 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: #ead97d; --color-2: #6f625a; --color-3: #534872; --color-4: #31063c; --color-5: #4c3150. 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 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