← Back to Editor

#7A626D · #E37D74 · #DECE76 · #DDDEDC · #9BC1DE

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

#7A626D

Dark Violet · DimGray · Camellia

HEX
#7A626D
RGB
rgb(122, 98, 109)
HSL
hsl(333, 11%, 43%)
HSB
hsb(333, 20%, 48%)
CMYK
cmyk(0%, 20%, 11%, 52%)
Oklch
oklch(52.3% 0.035 349.1)

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

#E37D74

Peach Pink · LightCoral · Coral Red

HEX
#E37D74
RGB
rgb(227, 125, 116)
HSL
hsl(5, 66%, 67%)
HSB
hsb(5, 49%, 89%)
CMYK
cmyk(0%, 45%, 49%, 11%)
Oklch
oklch(70.0% 0.128 26.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DECE76

Fresh Green · BurlyWood · Sunflower

HEX
#DECE76
RGB
rgb(222, 206, 118)
HSL
hsl(51, 61%, 67%)
HSB
hsb(51, 47%, 87%)
CMYK
cmyk(0%, 7%, 47%, 13%)
Oklch
oklch(84.6% 0.111 99.2)

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

#DDDEDC

Plain White · LightGray · Cloud White

HEX
#DDDEDC
RGB
rgb(221, 222, 220)
HSL
hsl(90, 3%, 87%)
HSB
hsb(90, 1%, 87%)
CMYK
cmyk(0%, 0%, 1%, 13%)
Oklch
oklch(89.9% 0.003 128.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#9BC1DE

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#9BC1DE
RGB
rgb(155, 193, 222)
HSL
hsl(206, 50%, 74%)
HSB
hsb(206, 30%, 87%)
CMYK
cmyk(30%, 13%, 0%, 13%)
Oklch
oklch(79.3% 0.058 241.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A626D
627A6F

Analogous

7A6279
7A626D
7A6362

Triadic

7A626D
6C7A62
626C7A

Split-Comp.

7A626D
627A63
62797A

Tetradic

7A626D
797A62
627A6F
63627A

Contrast Matrix WCAG 2.1 Contrast

7A626D
E37D74
DECE76
DDDEDC
9BC1DE
—
2.0
Fail
3.5
AA Large
4.1
AA Large
2.9
Fail
2.0
Fail
—
1.8
Fail
2.1
Fail
1.5
Fail
3.5
AA Large
1.8
Fail
—
1.2
Fail
1.2
Fail
4.1
AA Large
2.1
Fail
1.2
Fail
—
1.4
Fail
2.9
Fail
1.5
Fail
1.2
Fail
1.4
Fail
—
White BG
5.5AA
2.8Fail
1.6Fail
1.3Fail
1.9Fail
Black BG
3.8AA Large
7.5AAA
13.2AAA
15.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

706F6A
B7B676
D7D78B
DDDDDC
ABACD7

Deuteranopia

71736A
BDC477
D8D990
DDDDDD
A9A6D5

Tritanopia

796868
DE7878
DD9CA0
DDDDDD
9DD1D0

Achromatopsia

6A6A6A
9A9A9A
C9C9C9
DDDDDD
B9B9B9

Shades & Tints Shades & Tints

#7A626D

Dark
Light

#E37D74

Dark
Light

#DECE76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a626d;
  --color-2: #e37d74;
  --color-3: #dece76;
  --color-4: #dddedc;
  --color-5: #9bc1de;
}

SCSS

$color-1: #7a626d;
$color-2: #e37d74;
$color-3: #dece76;
$color-4: #dddedc;
$color-5: #9bc1de;

TAILWIND

colors: {
  'brand-1': '#7a626d',
  'brand-2': '#e37d74',
  'brand-3': '#dece76',
  'brand-4': '#dddedc',
  'brand-5': '#9bc1de',
}

RGB Array

[122, 98, 109], [227, 125, 116], [222, 206, 118], [221, 222, 220], [155, 193, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A626D, #E37D74, #DECE76, #DDDEDC, #9BC1DE 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: #7a626d; --color-2: #e37d74; --color-3: #dece76; --color-4: #dddedc; --color-5: #9bc1de. 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