#7EC5A7 + #E6E3C2 + #EDCA6E + #F5927B + #A9315F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7EC5A7

Jade · MediumAquaMarine · Apple Green

HEX

#7EC5A7

RGB

rgb(126, 197, 167)

HSL

hsl(155, 38%, 63%)

HSB

hsb(155, 36%, 77%)

CMYK

cmyk(36%, 0%, 15%, 23%)

Oklch

oklch(76.8% 0.084 165.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E6E3C2

Fresh Green · Wheat · Lemon Cream

HEX

#E6E3C2

RGB

rgb(230, 227, 194)

HSL

hsl(55, 42%, 83%)

HSB

hsb(55, 16%, 90%)

CMYK

cmyk(0%, 1%, 16%, 10%)

Oklch

oklch(91.0% 0.044 103.0)

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

#EDCA6E

Ginger · BurlyWood · Sunflower

HEX

#EDCA6E

RGB

rgb(237, 202, 110)

HSL

hsl(43, 78%, 68%)

HSB

hsb(43, 54%, 93%)

CMYK

cmyk(0%, 15%, 54%, 7%)

Oklch

oklch(85.0% 0.118 89.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F5927B

Peach Pink · DarkSalmon · Coral Red

HEX

#F5927B

RGB

rgb(245, 146, 123)

HSL

hsl(11, 86%, 72%)

HSB

hsb(11, 50%, 96%)

CMYK

cmyk(0%, 40%, 50%, 4%)

Oklch

oklch(75.9% 0.125 33.9)

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

#A9315F

Dark Violet · Brown · Camellia

HEX

#A9315F

RGB

rgb(169, 49, 95)

HSL

hsl(337, 55%, 43%)

HSB

hsb(337, 71%, 66%)

CMYK

cmyk(0%, 71%, 44%, 34%)

Oklch

oklch(50.7% 0.160 1.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7EC5A7

C57D9B

Analogous

7DC583

7EC5A7

7DBFC5

Triadic

7EC5A7

A77DC5

C5A77D

Split-Comp.

7EC5A7

C57DBF

C5837D

Tetradic

7EC5A7

837DC5

C57D9B

BFC57D

Contrast Matrix WCAG 2.1 Contrast

7EC5A7	E6E3C2	EDCA6E	F5927B	A9315F
—	1.5 Fail	1.3 Fail	1.1 Fail	3.2 AA Large
1.5 Fail	—	1.2 Fail	1.7 Fail	4.9 AA
1.3 Fail	1.2 Fail	—	1.4 Fail	4.0 AA Large
1.1 Fail	1.7 Fail	1.4 Fail	—	2.8 Fail
3.2 AA Large	4.9 AA	4.0 AA Large	2.8 Fail	—

White BG

2.0Fail

1.3Fail

1.6Fail

2.3Fail

6.4AA

Black BG

10.4AAA

16.1AAA

13.3AAA

9.3AAA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DAE

E5E5CA

DEDE84

CAC981

757454

Deuteranopia

9993B0

E5E5CC

E0E28A

D0D782

7C8551

Tritanopia

82B4B5

E6D0D2

EB969A

F08586

A34B49

Achromatopsia

ACACAC

E0E0E0

CACACA

ADADAD

5A5A5A

Shades & Tints Shades & Tints

#7EC5A7

Dark

Light

#E6E3C2

Dark

Light

#EDCA6E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ec5a7;
  --color-2: #e6e3c2;
  --color-3: #edca6e;
  --color-4: #f5927b;
  --color-5: #a9315f;
}

SCSS

$color-1: #7ec5a7;
$color-2: #e6e3c2;
$color-3: #edca6e;
$color-4: #f5927b;
$color-5: #a9315f;

TAILWIND

colors: {
  'brand-1': '#7ec5a7',
  'brand-2': '#e6e3c2',
  'brand-3': '#edca6e',
  'brand-4': '#f5927b',
  'brand-5': '#a9315f',
}

RGB Array

[126, 197, 167], [230, 227, 194], [237, 202, 110], [245, 146, 123], [169, 49, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7EC5A7, #E6E3C2, #EDCA6E, #F5927B, #A9315F 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: #7ec5a7; --color-2: #e6e3c2; --color-3: #edca6e; --color-4: #f5927b; --color-5: #a9315f. 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