← Back to Editor

#754F5C · #965968 · #A3776E · #A8A981 · #C8CF9C

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 Library

Color Details Color Details

#754F5C

Dark Violet · DimGray · Camellia

HEX
#754F5C
RGB
rgb(117, 79, 92)
HSL
hsl(339, 19%, 38%)
HSB
hsb(339, 32%, 46%)
CMYK
cmyk(0%, 32%, 21%, 54%)
Oklch
oklch(47.3% 0.054 357.2)

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

#965968

Crimson · DimGray · Passion Red

HEX
#965968
RGB
rgb(150, 89, 104)
HSL
hsl(345, 26%, 47%)
HSB
hsb(345, 41%, 59%)
CMYK
cmyk(0%, 41%, 31%, 41%)
Oklch
oklch(53.7% 0.082 4.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A3776E

Crimson · Gray · Passion Red

HEX
#A3776E
RGB
rgb(163, 119, 110)
HSL
hsl(10, 22%, 54%)
HSB
hsb(10, 33%, 64%)
CMYK
cmyk(0%, 27%, 33%, 36%)
Oklch
oklch(61.1% 0.057 31.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A8A981

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8A981
RGB
rgb(168, 169, 129)
HSL
hsl(61, 19%, 58%)
HSB
hsb(61, 24%, 66%)
CMYK
cmyk(1%, 0%, 24%, 34%)
Oklch
oklch(72.4% 0.055 108.9)

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

#C8CF9C

Fresh Green · Tan · Sunflower

HEX
#C8CF9C
RGB
rgb(200, 207, 156)
HSL
hsl(68, 35%, 71%)
HSB
hsb(68, 25%, 81%)
CMYK
cmyk(3%, 0%, 25%, 19%)
Oklch
oklch(83.6% 0.068 114.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

754F5C
4E7366

Analogous

734E6E
754F5C
73544E

Triadic

754F5C
5B734E
4E5B73

Split-Comp.

754F5C
4E7354
4E6E73

Tetradic

754F5C
6E734E
4E7366
544E73

Contrast Matrix WCAG 2.1 Contrast

754F5C
965968
A3776E
A8A981
C8CF9C
—
1.3
Fail
1.8
Fail
2.9
Fail
4.2
AA Large
1.3
Fail
—
1.4
Fail
2.2
Fail
3.3
AA Large
1.8
Fail
1.4
Fail
—
1.6
Fail
2.4
Fail
2.9
Fail
2.2
Fail
1.6
Fail
—
1.5
Fail
4.2
AA Large
3.3
AA Large
2.4
Fail
1.5
Fail
—
White BG
6.9AA
5.3AA
3.9AA Large
2.4Fail
1.6Fail
Black BG
3.0AA Large
3.9AA Large
5.4AA
8.7AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656459
7C7B64
909070
A8A88B
CBCBA8

Deuteranopia

676A58
7F8464
939671
A8A88D
CBCAAB

Tritanopia

735656
936261
A17272
A89294
C8B2B4

Achromatopsia

5C5C5C
6D6D6D
838383
A4A4A4
C7C7C7

Shades & Tints Shades & Tints

#754F5C

Dark
Light

#965968

Dark
Light

#A3776E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #754f5c;
  --color-2: #965968;
  --color-3: #a3776e;
  --color-4: #a8a981;
  --color-5: #c8cf9c;
}

SCSS

$color-1: #754f5c;
$color-2: #965968;
$color-3: #a3776e;
$color-4: #a8a981;
$color-5: #c8cf9c;

TAILWIND

colors: {
  'brand-1': '#754f5c',
  'brand-2': '#965968',
  'brand-3': '#a3776e',
  'brand-4': '#a8a981',
  'brand-5': '#c8cf9c',
}

RGB Array

[117, 79, 92], [150, 89, 104], [163, 119, 110], [168, 169, 129], [200, 207, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #754F5C, #965968, #A3776E, #A8A981, #C8CF9C 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: #754f5c; --color-2: #965968; --color-3: #a3776e; --color-4: #a8a981; --color-5: #c8cf9c. 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