← Back to Editor

#6A5B85 · #9E7D90 · #B5A386 · #B9D0A4 · #B9EBDC

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

#6A5B85

Deep Indigo · DimGray · Violet

HEX
#6A5B85
RGB
rgb(106, 91, 133)
HSL
hsl(261, 19%, 44%)
HSB
hsb(261, 32%, 52%)
CMYK
cmyk(20%, 32%, 0%, 48%)
Oklch
oklch(50.2% 0.068 300.4)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#9E7D90

Rose Purple · Gray · Rose Pink

HEX
#9E7D90
RGB
rgb(158, 125, 144)
HSL
hsl(325, 15%, 55%)
HSB
hsb(325, 21%, 62%)
CMYK
cmyk(0%, 21%, 9%, 38%)
Oklch
oklch(62.7% 0.049 343.1)

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

#B5A386

Ginger · Tan · Warm Sun

HEX
#B5A386
RGB
rgb(181, 163, 134)
HSL
hsl(37, 24%, 62%)
HSB
hsb(37, 26%, 71%)
CMYK
cmyk(0%, 10%, 26%, 29%)
Oklch
oklch(72.3% 0.045 79.7)

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

#B9D0A4

Celadon · Silver · Apple Green

HEX
#B9D0A4
RGB
rgb(185, 208, 164)
HSL
hsl(91, 32%, 73%)
HSB
hsb(91, 21%, 82%)
CMYK
cmyk(11%, 0%, 21%, 18%)
Oklch
oklch(82.9% 0.065 130.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#B9EBDC

Jade · LightBlue · Glacier Blue

HEX
#B9EBDC
RGB
rgb(185, 235, 220)
HSL
hsl(162, 56%, 82%)
HSB
hsb(162, 21%, 92%)
CMYK
cmyk(21%, 0%, 6%, 8%)
Oklch
oklch(90.1% 0.055 174.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A5B85
77865B

Analogous

5B6186
6A5B85
7F5B86

Triadic

6A5B85
866A5B
5B866A

Split-Comp.

6A5B85
867F5B
61865B

Tetradic

6A5B85
865B61
77865B
5B867F

Contrast Matrix WCAG 2.1 Contrast

6A5B85
9E7D90
B5A386
B9D0A4
B9EBDC
—
1.7
Fail
2.5
Fail
3.7
AA Large
4.6
AA
1.7
Fail
—
1.5
Fail
2.2
Fail
2.8
Fail
2.5
Fail
1.5
Fail
—
1.5
Fail
1.9
Fail
3.7
AA Large
2.2
Fail
1.5
Fail
—
1.3
Fail
4.6
AA
2.8
Fail
1.9
Fail
1.3
Fail
—
White BG
6.1AA
3.6AA Large
2.5Fail
1.7Fail
1.3Fail
Black BG
3.4AA Large
5.8AA
8.5AAA
12.6AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

64637B
908F8B
ADAD8D
C3C3AF
CFCFE0

Deuteranopia

646578
92948A
AEB08F
C2C0B1
CCC8E1

Tritanopia

697371
9C8887
B49394
BAB7B9
BCE2E3

Achromatopsia

646464
898989
A5A5A5
C4C4C4
DADADA

Shades & Tints Shades & Tints

#6A5B85

Dark
Light

#9E7D90

Dark
Light

#B5A386

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a5b85;
  --color-2: #9e7d90;
  --color-3: #b5a386;
  --color-4: #b9d0a4;
  --color-5: #b9ebdc;
}

SCSS

$color-1: #6a5b85;
$color-2: #9e7d90;
$color-3: #b5a386;
$color-4: #b9d0a4;
$color-5: #b9ebdc;

TAILWIND

colors: {
  'brand-1': '#6a5b85',
  'brand-2': '#9e7d90',
  'brand-3': '#b5a386',
  'brand-4': '#b9d0a4',
  'brand-5': '#b9ebdc',
}

RGB Array

[106, 91, 133], [158, 125, 144], [181, 163, 134], [185, 208, 164], [185, 235, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A5B85, #9E7D90, #B5A386, #B9D0A4, #B9EBDC 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: #6a5b85; --color-2: #9e7d90; --color-3: #b5a386; --color-4: #b9d0a4; --color-5: #b9ebdc. 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