← Back to Editor

#785473 · #A8A47E · #DAD6B8 · #F6F4E7 · #5A1650

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#785473

Rose Purple · DimGray · Eggplant

HEX
#785473
RGB
rgb(120, 84, 115)
HSL
hsl(308, 18%, 40%)
HSB
hsb(308, 30%, 47%)
CMYK
cmyk(0%, 30%, 4%, 53%)
Oklch
oklch(49.5% 0.066 331.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#A8A47E

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A47E
RGB
rgb(168, 164, 126)
HSL
hsl(54, 19%, 58%)
HSB
hsb(54, 25%, 66%)
CMYK
cmyk(0%, 2%, 25%, 34%)
Oklch
oklch(71.2% 0.053 102.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DAD6B8

Fresh Green · LightGray · Lemon Cream

HEX
#DAD6B8
RGB
rgb(218, 214, 184)
HSL
hsl(53, 31%, 79%)
HSB
hsb(53, 16%, 85%)
CMYK
cmyk(0%, 2%, 16%, 15%)
Oklch
oklch(87.1% 0.040 100.9)

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

#F6F4E7

Fresh Green · Linen · Lemon Cream

HEX
#F6F4E7
RGB
rgb(246, 244, 231)
HSL
hsl(52, 45%, 94%)
HSB
hsb(52, 6%, 96%)
CMYK
cmyk(0%, 1%, 6%, 4%)
Oklch
oklch(96.5% 0.017 99.6)

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

#5A1650

Rose Purple · Purple · Eggplant

HEX
#5A1650
RGB
rgb(90, 22, 80)
HSL
hsl(309, 61%, 22%)
HSB
hsb(309, 76%, 35%)
CMYK
cmyk(0%, 76%, 11%, 65%)
Oklch
oklch(33.8% 0.122 334.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

785473
547859

Analogous

6B5478
785473
785461

Triadic

785473
737854
547378

Split-Comp.

785473
617854
54786B

Tetradic

785473
786B54
547859
546178

Contrast Matrix WCAG 2.1 Contrast

785473
A8A47E
DAD6B8
F6F4E7
5A1650
—
2.5
Fail
4.3
AA Large
5.7
AA
2.0
Fail
2.5
Fail
—
1.7
Fail
2.3
Fail
5.0
AA
4.3
AA Large
1.7
Fail
—
1.3
Fail
8.6
AAA
5.7
AA
2.3
Fail
1.3
Fail
—
11.4
AAA
2.0
Fail
5.0
AA
8.6
AAA
11.4
AAA
—
White BG
6.3AA
2.5Fail
1.5Fail
1.1Fail
12.6AAA
Black BG
3.3AA Large
8.3AAA
14.3AAA
19.0AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

68686B
A6A687
D8D8BF
F5F5EA
3D3C42

Deuteranopia

6B6D6A
A7A789
D9D9C1
F5F5EB
41463F

Tritanopia

766664
A88E90
DAC5C6
F6EDED
573734

Achromatopsia

626262
A1A1A1
D4D4D4
F3F3F3
313131

Shades & Tints Shades & Tints

#785473

Dark
Light

#A8A47E

Dark
Light

#DAD6B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #785473;
  --color-2: #a8a47e;
  --color-3: #dad6b8;
  --color-4: #f6f4e7;
  --color-5: #5a1650;
}

SCSS

$color-1: #785473;
$color-2: #a8a47e;
$color-3: #dad6b8;
$color-4: #f6f4e7;
$color-5: #5a1650;

TAILWIND

colors: {
  'brand-1': '#785473',
  'brand-2': '#a8a47e',
  'brand-3': '#dad6b8',
  'brand-4': '#f6f4e7',
  'brand-5': '#5a1650',
}

RGB Array

[120, 84, 115], [168, 164, 126], [218, 214, 184], [246, 244, 231], [90, 22, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #785473, #A8A47E, #DAD6B8, #F6F4E7, #5A1650 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: #785473; --color-2: #a8a47e; --color-3: #dad6b8; --color-4: #f6f4e7; --color-5: #5a1650. 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 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