#7A6F85 + #E7C2ED + #D7DEDC + #D9D8D2 + #00F2BE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7A6F85

Dark Plum · Gray · Warm Gray

HEX

#7A6F85

RGB

rgb(122, 111, 133)

HSL

hsl(270, 9%, 48%)

HSB

hsb(270, 17%, 52%)

CMYK

cmyk(8%, 17%, 0%, 48%)

Oklch

oklch(55.9% 0.036 307.8)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#E7C2ED

Lilac · LightGray · Lavender

HEX

#E7C2ED

RGB

rgb(231, 194, 237)

HSL

hsl(292, 54%, 85%)

HSB

hsb(292, 18%, 93%)

CMYK

cmyk(3%, 18%, 0%, 7%)

Oklch

oklch(85.9% 0.071 321.6)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#D7DEDC

Jade · LightGray · Glacier Blue

HEX

#D7DEDC

RGB

rgb(215, 222, 220)

HSL

hsl(163, 10%, 86%)

HSB

hsb(163, 3%, 87%)

CMYK

cmyk(3%, 0%, 1%, 13%)

Oklch

oklch(89.5% 0.008 177.3)

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

#D9D8D2

Fresh Green · LightGray · Pearl Gray

HEX

#D9D8D2

RGB

rgb(217, 216, 210)

HSL

hsl(51, 8%, 84%)

HSB

hsb(51, 3%, 85%)

CMYK

cmyk(0%, 0%, 3%, 15%)

Oklch

oklch(88.1% 0.008 98.9)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#00F2BE

Mineral Blue · MediumSpringGreen · Mint Ice

HEX

#00F2BE

RGB

rgb(0, 242, 190)

HSL

hsl(167, 100%, 47%)

HSB

hsb(167, 100%, 95%)

CMYK

cmyk(100%, 0%, 21%, 5%)

Oklch

oklch(85.5% 0.169 169.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6F85

7A856F

Analogous

6F6F85

7A6F85

856F85

Triadic

7A6F85

857A6F

6F857A

Split-Comp.

7A6F85

85856F

6F856F

Tetradic

7A6F85

856F6F

7A856F

6F8585

Contrast Matrix WCAG 2.1 Contrast

7A6F85	E7C2ED	D7DEDC	D9D8D2	00F2BE
—	3.0 AA Large	3.5 AA Large	3.3 AA Large	3.3 AA Large
3.0 AA Large	—	1.2 Fail	1.1 Fail	1.1 Fail
3.5 AA Large	1.2 Fail	—	1.0 Fail	1.1 Fail
3.3 AA Large	1.1 Fail	1.0 Fail	—	1.0 Fail
3.3 AA Large	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

4.7AA

1.6Fail

1.4Fail

1.5Fail

Black BG

4.4AA Large

13.3AAA

15.4AAA

14.7AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757580

D7D7E3

DADADC

D9D9D3

696BCB

Deuteranopia

76777E

D9DCE0

DAD9DD

D9D9D4

5B49CE

Tritanopia

797B7B

E5DAD9

D7DDDD

D9D5D5

0CD5D7

Achromatopsia

757575

D2D2D2

DCDCDC

D8D8D8

A4A4A4

Shades & Tints Shades & Tints

#7A6F85

Dark

Light

#E7C2ED

Dark

Light

#D7DEDC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6f85;
  --color-2: #e7c2ed;
  --color-3: #d7dedc;
  --color-4: #d9d8d2;
  --color-5: #00f2be;
}

SCSS

$color-1: #7a6f85;
$color-2: #e7c2ed;
$color-3: #d7dedc;
$color-4: #d9d8d2;
$color-5: #00f2be;

TAILWIND

colors: {
  'brand-1': '#7a6f85',
  'brand-2': '#e7c2ed',
  'brand-3': '#d7dedc',
  'brand-4': '#d9d8d2',
  'brand-5': '#00f2be',
}

RGB Array

[122, 111, 133], [231, 194, 237], [215, 222, 220], [217, 216, 210], [0, 242, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6F85, #E7C2ED, #D7DEDC, #D9D8D2, #00F2BE is ideal for: health products, baby brands, fresh-style blogs. 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: #7a6f85; --color-2: #e7c2ed; --color-3: #d7dedc; --color-4: #d9d8d2; --color-5: #00f2be. 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. 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