← Back to Editor

#E2FE86 · #7A6374 · #CAEBC8 · #D3AE99 · #CA7C88

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E2FE86

Willow Green · Khaki · Apple Green

HEX
#E2FE86
RGB
rgb(226, 254, 134)
HSL
hsl(74, 98%, 76%)
HSB
hsb(74, 47%, 100%)
CMYK
cmyk(11%, 0%, 47%, 0%)
Oklch
oklch(95.2% 0.149 120.1)

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

#7A6374

Rose Purple · DimGray · Violet

HEX
#7A6374
RGB
rgb(122, 99, 116)
HSL
hsl(316, 10%, 43%)
HSB
hsb(316, 19%, 48%)
CMYK
cmyk(0%, 19%, 5%, 52%)
Oklch
oklch(52.8% 0.039 335.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#CAEBC8

Celadon · LightGray · Mint Green

HEX
#CAEBC8
RGB
rgb(202, 235, 200)
HSL
hsl(117, 47%, 85%)
HSB
hsb(117, 15%, 92%)
CMYK
cmyk(14%, 0%, 15%, 8%)
Oklch
oklch(90.7% 0.058 143.6)

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

#D3AE99

Apricot · Tan · Warm Sun

HEX
#D3AE99
RGB
rgb(211, 174, 153)
HSL
hsl(22, 40%, 71%)
HSB
hsb(22, 27%, 83%)
CMYK
cmyk(0%, 18%, 27%, 17%)
Oklch
oklch(77.8% 0.052 51.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CA7C88

Peach Pink · LightCoral · Coral Red

HEX
#CA7C88
RGB
rgb(202, 124, 136)
HSL
hsl(351, 42%, 64%)
HSB
hsb(351, 39%, 79%)
CMYK
cmyk(0%, 39%, 33%, 21%)
Oklch
oklch(67.2% 0.098 10.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2FE86
A286FE

Analogous

FEDE86
E2FE86
A6FE86

Triadic

E2FE86
86E2FE
FE86E2

Split-Comp.

E2FE86
86A6FE
DE86FE

Tetradic

E2FE86
86FEDE
A286FE
FE86A6

Contrast Matrix WCAG 2.1 Contrast

E2FE86
7A6374
CAEBC8
D3AE99
CA7C88
—
4.9
AA
1.2
Fail
1.8
Fail
2.8
Fail
4.9
AA
—
4.2
AA Large
2.7
Fail
1.7
Fail
1.2
Fail
4.2
AA Large
—
1.6
Fail
2.4
Fail
1.8
Fail
2.7
Fail
1.6
Fail
—
1.5
Fail
2.8
Fail
1.7
Fail
2.4
Fail
1.5
Fail
—
White BG
1.1Fail
5.4AA
1.3Fail
2.0Fail
3.1AA Large
Black BG
18.8AAA
3.9AA Large
16.2AAA
10.3AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEA3
707070
D8D9D0
C3C39E
A8A885

Deuteranopia

EDEAAA
71736F
D6D4D3
C5C89F
ADB384

Tritanopia

E3BABF
796D6C
CCD7D9
D1A2A3
C68382

Achromatopsia

E8E8E8
6C6C6C
DDDDDD
B7B7B7
959595

Shades & Tints Shades & Tints

#E2FE86

Dark
Light

#7A6374

Dark
Light

#CAEBC8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2fe86;
  --color-2: #7a6374;
  --color-3: #caebc8;
  --color-4: #d3ae99;
  --color-5: #ca7c88;
}

SCSS

$color-1: #e2fe86;
$color-2: #7a6374;
$color-3: #caebc8;
$color-4: #d3ae99;
$color-5: #ca7c88;

TAILWIND

colors: {
  'brand-1': '#e2fe86',
  'brand-2': '#7a6374',
  'brand-3': '#caebc8',
  'brand-4': '#d3ae99',
  'brand-5': '#ca7c88',
}

RGB Array

[226, 254, 134], [122, 99, 116], [202, 235, 200], [211, 174, 153], [202, 124, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2FE86, #7A6374, #CAEBC8, #D3AE99, #CA7C88 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: #e2fe86; --color-2: #7a6374; --color-3: #caebc8; --color-4: #d3ae99; --color-5: #ca7c88. 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