← Back to Editor

#6F5B67 · #7B7791 · #8892A6 · #92AFB3 · #C2B89F

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

#6F5B67

Rose Purple · DimGray · Camellia

HEX
#6F5B67
RGB
rgb(111, 91, 103)
HSL
hsl(324, 10%, 40%)
HSB
hsb(324, 18%, 44%)
CMYK
cmyk(0%, 18%, 7%, 56%)
Oklch
oklch(49.5% 0.032 341.6)

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

#7B7791

Deep Indigo · SlateGray · Navy Blue

HEX
#7B7791
RGB
rgb(123, 119, 145)
HSL
hsl(249, 11%, 52%)
HSB
hsb(249, 18%, 57%)
CMYK
cmyk(15%, 18%, 0%, 43%)
Oklch
oklch(58.2% 0.040 292.2)

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

#8892A6

Azure · LightSlateGray · Navy Blue

HEX
#8892A6
RGB
rgb(136, 146, 166)
HSL
hsl(220, 14%, 59%)
HSB
hsb(220, 18%, 65%)
CMYK
cmyk(18%, 12%, 0%, 35%)
Oklch
oklch(65.9% 0.032 264.3)

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

#92AFB3

Sky Blue · DarkGray · Lake Green

HEX
#92AFB3
RGB
rgb(146, 175, 179)
HSL
hsl(187, 18%, 64%)
HSB
hsb(187, 18%, 70%)
CMYK
cmyk(18%, 2%, 0%, 30%)
Oklch
oklch(73.4% 0.032 206.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C2B89F

Ginger · Tan · Sunflower

HEX
#C2B89F
RGB
rgb(194, 184, 159)
HSL
hsl(43, 22%, 69%)
HSB
hsb(43, 18%, 76%)
CMYK
cmyk(0%, 5%, 18%, 24%)
Oklch
oklch(78.4% 0.036 88.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F5B67
5C7064

Analogous

6E5C70
6F5B67
705C5E

Triadic

6F5B67
68705C
5C6870

Split-Comp.

6F5B67
5E705C
5C706E

Tetradic

6F5B67
706E5C
5C7064
5C5E70

Contrast Matrix WCAG 2.1 Contrast

6F5B67
7B7791
8892A6
92AFB3
C2B89F
—
1.5
Fail
2.0
Fail
2.7
Fail
3.2
AA Large
1.5
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.7
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
3.2
AA Large
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
6.2AA
4.3AA Large
3.1AA Large
2.3Fail
2.0Fail
Black BG
3.4AA Large
4.9AA
6.7AA
9.0AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666664
79798B
8C8CA1
9F9FB2
BEBEA5

Deuteranopia

686963
7A7A89
8C8BA0
9D9BB2
BEBFA7

Tritanopia

6E6261
7B8685
899D9D
93B1B1
C1AAAB

Achromatopsia

626262
7B7B7B
919191
A7A7A7
B8B8B8

Shades & Tints Shades & Tints

#6F5B67

Dark
Light

#7B7791

Dark
Light

#8892A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f5b67;
  --color-2: #7b7791;
  --color-3: #8892a6;
  --color-4: #92afb3;
  --color-5: #c2b89f;
}

SCSS

$color-1: #6f5b67;
$color-2: #7b7791;
$color-3: #8892a6;
$color-4: #92afb3;
$color-5: #c2b89f;

TAILWIND

colors: {
  'brand-1': '#6f5b67',
  'brand-2': '#7b7791',
  'brand-3': '#8892a6',
  'brand-4': '#92afb3',
  'brand-5': '#c2b89f',
}

RGB Array

[111, 91, 103], [123, 119, 145], [136, 146, 166], [146, 175, 179], [194, 184, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F5B67, #7B7791, #8892A6, #92AFB3, #C2B89F 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: #6f5b67; --color-2: #7b7791; --color-3: #8892a6; --color-4: #92afb3; --color-5: #c2b89f. 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