#E7FA9E + #D0CF90 + #B9A482 + #A27974 + #8B4E66 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E7FA9E

Willow Green · Khaki · Apple Green

HEX

#E7FA9E

RGB

rgb(231, 250, 158)

HSL

hsl(72, 90%, 80%)

HSB

hsb(72, 37%, 98%)

CMYK

cmyk(8%, 0%, 37%, 2%)

Oklch

oklch(95.1% 0.117 118.2)

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

#D0CF90

Fresh Green · Tan · Sunflower

HEX

#D0CF90

RGB

rgb(208, 207, 144)

HSL

hsl(59, 41%, 69%)

HSB

hsb(59, 31%, 82%)

CMYK

cmyk(0%, 0%, 31%, 18%)

Oklch

oklch(84.0% 0.082 107.3)

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

#B9A482

Ginger · Tan · Warm Sun

HEX

#B9A482

RGB

rgb(185, 164, 130)

HSL

hsl(37, 28%, 62%)

HSB

hsb(37, 30%, 73%)

CMYK

cmyk(0%, 11%, 30%, 27%)

Oklch

oklch(72.8% 0.053 79.7)

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

#A27974

Crimson · Gray · Passion Red

HEX

#A27974

RGB

rgb(162, 121, 116)

HSL

hsl(7, 20%, 55%)

HSB

hsb(7, 28%, 64%)

CMYK

cmyk(0%, 25%, 28%, 36%)

Oklch

oklch(61.5% 0.052 26.6)

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

#8B4E66

Dark Violet · DimGray · Camellia

HEX

#8B4E66

RGB

rgb(139, 78, 102)

HSL

hsl(336, 28%, 43%)

HSB

hsb(336, 44%, 55%)

CMYK

cmyk(0%, 44%, 27%, 45%)

Oklch

oklch(50.3% 0.087 355.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7FA9E

B09EFA

Analogous

FADE9E

E7FA9E

BAFA9E

Triadic

E7FA9E

9EE8FA

FA9EE8

Split-Comp.

E7FA9E

9EBAFA

DE9EFA

Tetradic

E7FA9E

9EFADE

B09EFA

FA9EBA

Contrast Matrix WCAG 2.1 Contrast

E7FA9E	D0CF90	B9A482	A27974	8B4E66
—	1.4 Fail	2.1 Fail	3.4 AA Large	5.5 AA
1.4 Fail	—	1.5 Fail	2.4 Fail	3.8 AA Large
2.1 Fail	1.5 Fail	—	1.6 Fail	2.6 Fail
3.4 AA Large	2.4 Fail	1.6 Fail	—	1.6 Fail
5.5 AA	3.8 AA Large	2.6 Fail	1.6 Fail	—

White BG

1.1Fail

1.6Fail

2.4Fail

3.8AA Large

6.2AA

Black BG

18.6AAA

13.0AAA

8.7AAA

5.5AA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFB4

D0D09F

B0B08A

909075

717060

Deuteranopia

EEEDBA

D0D0A3

B1B38C

939675

74795F

Tritanopia

E8C6CA

D0ABAE

B89192

A07676

885C5B

Achromatopsia

EAEAEA

C8C8C8

A6A6A6

858585

636363

Shades & Tints Shades & Tints

#E7FA9E

Dark

Light

#D0CF90

Dark

Light

#B9A482

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7fa9e;
  --color-2: #d0cf90;
  --color-3: #b9a482;
  --color-4: #a27974;
  --color-5: #8b4e66;
}

SCSS

$color-1: #e7fa9e;
$color-2: #d0cf90;
$color-3: #b9a482;
$color-4: #a27974;
$color-5: #8b4e66;

TAILWIND

colors: {
  'brand-1': '#e7fa9e',
  'brand-2': '#d0cf90',
  'brand-3': '#b9a482',
  'brand-4': '#a27974',
  'brand-5': '#8b4e66',
}

RGB Array

[231, 250, 158], [208, 207, 144], [185, 164, 130], [162, 121, 116], [139, 78, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E7FA9E, #D0CF90, #B9A482, #A27974, #8B4E66 is ideal for: corporate websites, product showcases, portfolios. 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: #e7fa9e; --color-2: #d0cf90; --color-3: #b9a482; --color-4: #a27974; --color-5: #8b4e66. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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