← Back to Editor

#AA5E75 · #955E76 · #815F78 · #6C5F79 · #575F7A

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 Library

Color Details Color Details

#AA5E75

Dark Violet · Gray · Rose Pink

HEX
#AA5E75
RGB
rgb(170, 94, 117)
HSL
hsl(342, 31%, 52%)
HSB
hsb(342, 45%, 67%)
CMYK
cmyk(0%, 45%, 31%, 33%)
Oklch
oklch(57.6% 0.102 1.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#955E76

Dark Violet · Gray · Camellia

HEX
#955E76
RGB
rgb(149, 94, 118)
HSL
hsl(334, 23%, 48%)
HSB
hsb(334, 37%, 58%)
CMYK
cmyk(0%, 37%, 21%, 42%)
Oklch
oklch(55.0% 0.078 352.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#815F78

Rose Purple · DimGray · Violet

HEX
#815F78
RGB
rgb(129, 95, 120)
HSL
hsl(316, 15%, 44%)
HSB
hsb(316, 26%, 51%)
CMYK
cmyk(0%, 26%, 7%, 49%)
Oklch
oklch(52.9% 0.057 336.2)

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

#6C5F79

Dark Plum · DimGray · Violet

HEX
#6C5F79
RGB
rgb(108, 95, 121)
HSL
hsl(270, 12%, 42%)
HSB
hsb(270, 21%, 47%)
CMYK
cmyk(11%, 21%, 0%, 53%)
Oklch
oklch(50.7% 0.043 307.5)

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

#575F7A

Indigo · DimGray · Navy Blue

HEX
#575F7A
RGB
rgb(87, 95, 122)
HSL
hsl(226, 17%, 41%)
HSB
hsb(226, 29%, 48%)
CMYK
cmyk(29%, 22%, 0%, 52%)
Oklch
oklch(48.9% 0.045 271.8)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA5E75
5FAB94

Analogous

AB5F9B
AA5E75
AB6E5F

Triadic

AA5E75
75AB5F
5F75AB

Split-Comp.

AA5E75
5FAB6E
5F9BAB

Tetradic

AA5E75
9BAB5F
5FAB94
6E5FAB

Contrast Matrix WCAG 2.1 Contrast

AA5E75
955E76
815F78
6C5F79
575F7A
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
4.6AA
5.1AA
5.5AA
5.9AA
6.3AA
Black BG
4.6AA
4.1AA Large
3.8AA Large
3.6AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

89886F
7D7D70
727272
666673
5A5B73

Deuteranopia

8E936E
80856F
747771
676871
5A5972

Tritanopia

A66B6A
926C6B
7F6D6C
6B6E6D
576E6D

Achromatopsia

777777
717171
6C6C6C
666666
606060

Shades & Tints Shades & Tints

#AA5E75

Dark
Light

#955E76

Dark
Light

#815F78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa5e75;
  --color-2: #955e76;
  --color-3: #815f78;
  --color-4: #6c5f79;
  --color-5: #575f7a;
}

SCSS

$color-1: #aa5e75;
$color-2: #955e76;
$color-3: #815f78;
$color-4: #6c5f79;
$color-5: #575f7a;

TAILWIND

colors: {
  'brand-1': '#aa5e75',
  'brand-2': '#955e76',
  'brand-3': '#815f78',
  'brand-4': '#6c5f79',
  'brand-5': '#575f7a',
}

RGB Array

[170, 94, 117], [149, 94, 118], [129, 95, 120], [108, 95, 121], [87, 95, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA5E75, #955E76, #815F78, #6C5F79, #575F7A is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #aa5e75; --color-2: #955e76; --color-3: #815f78; --color-4: #6c5f79; --color-5: #575f7a. 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. 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. 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