← Back to Editor

#6D5D7A · #91A2AC · #B4C5B2 · #E1E4B9 · #FFF1CC

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#6D5D7A

Dark Plum · DimGray · Violet

HEX
#6D5D7A
RGB
rgb(109, 93, 122)
HSL
hsl(273, 13%, 42%)
HSB
hsb(273, 24%, 48%)
CMYK
cmyk(11%, 24%, 0%, 52%)
Oklch
oklch(50.5% 0.049 309.6)

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

#91A2AC

Sky Blue · DarkGray · Cobalt Blue

HEX
#91A2AC
RGB
rgb(145, 162, 172)
HSL
hsl(202, 14%, 62%)
HSB
hsb(202, 16%, 67%)
CMYK
cmyk(16%, 6%, 0%, 33%)
Oklch
oklch(70.2% 0.024 233.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#B4C5B2

Celadon · Silver · Apple Green

HEX
#B4C5B2
RGB
rgb(180, 197, 178)
HSL
hsl(114, 14%, 74%)
HSB
hsb(114, 10%, 77%)
CMYK
cmyk(9%, 0%, 10%, 23%)
Oklch
oklch(80.5% 0.032 142.3)

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

#E1E4B9

Fresh Green · Wheat · Lemon Cream

HEX
#E1E4B9
RGB
rgb(225, 228, 185)
HSL
hsl(64, 44%, 81%)
HSB
hsb(64, 19%, 89%)
CMYK
cmyk(1%, 0%, 19%, 11%)
Oklch
oklch(90.6% 0.057 110.8)

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

#FFF1CC

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF1CC
RGB
rgb(255, 241, 204)
HSL
hsl(44, 100%, 90%)
HSB
hsb(44, 20%, 100%)
CMYK
cmyk(0%, 5%, 20%, 0%)
Oklch
oklch(96.0% 0.050 89.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D5D7A
6A795D

Analogous

5F5D79
6D5D7A
795D78

Triadic

6D5D7A
796C5D
5D796C

Split-Comp.

6D5D7A
78795D
5D795F

Tetradic

6D5D7A
795F5D
6A795D
5D7879

Contrast Matrix WCAG 2.1 Contrast

6D5D7A
91A2AC
B4C5B2
E1E4B9
FFF1CC
—
2.3
Fail
3.3
AA Large
4.6
AA
5.3
AA
2.3
Fail
—
1.5
Fail
2.0
Fail
2.3
Fail
3.3
AA Large
1.5
Fail
—
1.4
Fail
1.6
Fail
4.6
AA
2.0
Fail
1.4
Fail
—
1.2
Fail
5.3
AA
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
6.0AA
2.6Fail
1.8Fail
1.3Fail
1.1Fail
Black BG
3.5AA Large
8.0AAA
11.6AAA
16.0AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666673
9899AA
BBBCB7
E2E2C3
F9F9D5

Deuteranopia

676871
9796A9
BAB9B8
E2E2C6
FAFBD7

Tritanopia

6C6D6C
92A8A7
B5BABB
E1CCCD
FEDCDE

Achromatopsia

656565
9E9E9E
BEBEBE
DEDEDE
F1F1F1

Shades & Tints Shades & Tints

#6D5D7A

Dark
Light

#91A2AC

Dark
Light

#B4C5B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d5d7a;
  --color-2: #91a2ac;
  --color-3: #b4c5b2;
  --color-4: #e1e4b9;
  --color-5: #fff1cc;
}

SCSS

$color-1: #6d5d7a;
$color-2: #91a2ac;
$color-3: #b4c5b2;
$color-4: #e1e4b9;
$color-5: #fff1cc;

TAILWIND

colors: {
  'brand-1': '#6d5d7a',
  'brand-2': '#91a2ac',
  'brand-3': '#b4c5b2',
  'brand-4': '#e1e4b9',
  'brand-5': '#fff1cc',
}

RGB Array

[109, 93, 122], [145, 162, 172], [180, 197, 178], [225, 228, 185], [255, 241, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D5D7A, #91A2AC, #B4C5B2, #E1E4B9, #FFF1CC is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6d5d7a; --color-2: #91a2ac; --color-3: #b4c5b2; --color-4: #e1e4b9; --color-5: #fff1cc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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