← Back to Editor

#6A575D · #907874 · #AA9A8A · #B9AD97 · #C9BEA0

cool

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

#6A575D

Dark Violet · DimGray · Camellia

HEX
#6A575D
RGB
rgb(106, 87, 93)
HSL
hsl(341, 10%, 38%)
HSB
hsb(341, 18%, 42%)
CMYK
cmyk(0%, 18%, 12%, 58%)
Oklch
oklch(47.8% 0.026 357.2)

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

#907874

Crimson · Gray · Passion Red

HEX
#907874
RGB
rgb(144, 120, 116)
HSL
hsl(9, 11%, 51%)
HSB
hsb(9, 19%, 56%)
CMYK
cmyk(0%, 17%, 19%, 44%)
Oklch
oklch(59.4% 0.031 29.1)

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

#AA9A8A

Ginger · DarkGray · Warm Sun

HEX
#AA9A8A
RGB
rgb(170, 154, 138)
HSL
hsl(30, 16%, 60%)
HSB
hsb(30, 19%, 67%)
CMYK
cmyk(0%, 9%, 19%, 33%)
Oklch
oklch(69.6% 0.030 67.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#B9AD97

Ginger · DarkGray · Warm Sun

HEX
#B9AD97
RGB
rgb(185, 173, 151)
HSL
hsl(39, 20%, 66%)
HSB
hsb(39, 18%, 73%)
CMYK
cmyk(0%, 6%, 18%, 27%)
Oklch
oklch(75.2% 0.034 82.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C9BEA0

Goose Yellow · Tan · Sunflower

HEX
#C9BEA0
RGB
rgb(201, 190, 160)
HSL
hsl(44, 28%, 71%)
HSB
hsb(44, 20%, 79%)
CMYK
cmyk(0%, 5%, 20%, 21%)
Oklch
oklch(80.3% 0.043 90.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A575D
576B64

Analogous

6B5767
6A575D
6B5B57

Triadic

6A575D
5D6B57
575D6B

Split-Comp.

6A575D
576B5B
57676B

Tetradic

6A575D
676B57
576B64
5B576B

Contrast Matrix WCAG 2.1 Contrast

6A575D
907874
AA9A8A
B9AD97
C9BEA0
—
1.6
Fail
2.5
Fail
3.0
AA Large
3.6
AA Large
1.6
Fail
—
1.5
Fail
1.9
Fail
2.2
Fail
2.5
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
3.0
AA Large
1.9
Fail
1.2
Fail
—
1.2
Fail
3.6
AA Large
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
6.7AA
4.1AA Large
2.7Fail
2.2Fail
1.8Fail
Black BG
3.1AA Large
5.1AA
7.7AAA
9.5AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62625C
868575
A3A38E
B4B49C
C4C4A7

Deuteranopia

63645B
878975
A4A58F
B5B59E
C5C6A9

Tritanopia

695A5A
8F7676
A99192
B8A1A1
C8ADAE

Achromatopsia

5D5D5D
7F7F7F
9D9D9D
AEAEAE
BEBEBE

Shades & Tints Shades & Tints

#6A575D

Dark
Light

#907874

Dark
Light

#AA9A8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a575d;
  --color-2: #907874;
  --color-3: #aa9a8a;
  --color-4: #b9ad97;
  --color-5: #c9bea0;
}

SCSS

$color-1: #6a575d;
$color-2: #907874;
$color-3: #aa9a8a;
$color-4: #b9ad97;
$color-5: #c9bea0;

TAILWIND

colors: {
  'brand-1': '#6a575d',
  'brand-2': '#907874',
  'brand-3': '#aa9a8a',
  'brand-4': '#b9ad97',
  'brand-5': '#c9bea0',
}

RGB Array

[106, 87, 93], [144, 120, 116], [170, 154, 138], [185, 173, 151], [201, 190, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #6A575D, #907874, #AA9A8A, #B9AD97, #C9BEA0 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: #6a575d; --color-2: #907874; --color-3: #aa9a8a; --color-4: #b9ad97; --color-5: #c9bea0. 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 cool-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