#7E949E + #AEC2AB + #EBCEA0 + #FC7765 + #FF335F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7E949E

Slate Blue · LightSlateGray · Lake Green

HEX

#7E949E

RGB

rgb(126, 148, 158)

HSL

hsl(199, 14%, 56%)

HSB

hsb(199, 20%, 62%)

CMYK

cmyk(20%, 6%, 0%, 38%)

Oklch

oklch(65.3% 0.029 227.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#AEC2AB

Celadon · DarkGray · Apple Green

HEX

#AEC2AB

RGB

rgb(174, 194, 171)

HSL

hsl(112, 16%, 72%)

HSB

hsb(112, 12%, 76%)

CMYK

cmyk(10%, 0%, 12%, 24%)

Oklch

oklch(79.2% 0.039 141.5)

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

#EBCEA0

Goose Yellow · Wheat · Peach Orange

HEX

#EBCEA0

RGB

rgb(235, 206, 160)

HSL

hsl(37, 65%, 77%)

HSB

hsb(37, 32%, 92%)

CMYK

cmyk(0%, 12%, 32%, 8%)

Oklch

oklch(86.5% 0.068 79.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FC7765

Peach Pink · Salmon · Coral Red

HEX

#FC7765

RGB

rgb(252, 119, 101)

HSL

hsl(7, 96%, 69%)

HSB

hsb(7, 60%, 99%)

CMYK

cmyk(0%, 53%, 60%, 1%)

Oklch

oklch(72.2% 0.166 29.6)

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

#FF335F

Vermilion · Tomato · Passion Red

HEX

#FF335F

RGB

rgb(255, 51, 95)

HSL

hsl(347, 100%, 60%)

HSB

hsb(347, 80%, 100%)

CMYK

cmyk(0%, 80%, 63%, 0%)

Oklch

oklch(65.5% 0.235 15.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E949E

9F897F

Analogous

7F9F99

7E949E

7F859F

Triadic

7E949E

9F7F95

959F7F

Split-Comp.

7E949E

9F7F85

9F997F

Tetradic

7E949E

997F9F

9F897F

859F7F

Contrast Matrix WCAG 2.1 Contrast

7E949E	AEC2AB	EBCEA0	FC7765	FF335F
—	1.7 Fail	2.1 Fail	1.2 Fail	1.1 Fail
1.7 Fail	—	1.2 Fail	1.4 Fail	1.9 Fail
2.1 Fail	1.2 Fail	—	1.7 Fail	2.4 Fail
1.2 Fail	1.4 Fail	1.7 Fail	—	1.4 Fail
1.1 Fail	1.9 Fail	2.4 Fail	1.4 Fail	—

White BG

3.2AA Large

1.9Fail

1.5Fail

2.6Fail

3.6AA Large

Black BG

6.6AA

11.1AAA

13.9AAA

8.0AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

88889C

B7B7B1

DEDEAB

C2C169

A7A554

Deuteranopia

86859B

B6B4B2

E0E2AE

CAD46A

B3C252

Tritanopia

7F9A99

AFB5B6

EAB4B6

F56D6E

F54C4A

Achromatopsia

8F8F8F

B9B9B9

D1D1D1

9D9D9D

757575

Shades & Tints Shades & Tints

#7E949E

Dark

Light

#AEC2AB

Dark

Light

#EBCEA0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e949e;
  --color-2: #aec2ab;
  --color-3: #ebcea0;
  --color-4: #fc7765;
  --color-5: #ff335f;
}

SCSS

$color-1: #7e949e;
$color-2: #aec2ab;
$color-3: #ebcea0;
$color-4: #fc7765;
$color-5: #ff335f;

TAILWIND

colors: {
  'brand-1': '#7e949e',
  'brand-2': '#aec2ab',
  'brand-3': '#ebcea0',
  'brand-4': '#fc7765',
  'brand-5': '#ff335f',
}

RGB Array

[126, 148, 158], [174, 194, 171], [235, 206, 160], [252, 119, 101], [255, 51, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7E949E, #AEC2AB, #EBCEA0, #FC7765, #FF335F 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: #7e949e; --color-2: #aec2ab; --color-3: #ebcea0; --color-4: #fc7765; --color-5: #ff335f. 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