#DAE080 + #E7EBB7 + #E89E97 + #D16D92 + #B947A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAE080

Fresh Green · Khaki · Sunflower

HEX

#DAE080

RGB

rgb(218, 224, 128)

HSL

hsl(64, 61%, 69%)

HSB

hsb(64, 43%, 88%)

CMYK

cmyk(3%, 0%, 43%, 12%)

Oklch

oklch(88.1% 0.120 111.7)

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

#E7EBB7

Fresh Green · Wheat · Lemon Cream

HEX

#E7EBB7

RGB

rgb(231, 235, 183)

HSL

hsl(65, 57%, 82%)

HSB

hsb(65, 22%, 92%)

CMYK

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

Oklch

oklch(92.4% 0.068 111.3)

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

#E89E97

Peach Pink · DarkSalmon · Coral Red

HEX

#E89E97

RGB

rgb(232, 158, 151)

HSL

hsl(5, 64%, 75%)

HSB

hsb(5, 35%, 91%)

CMYK

cmyk(0%, 32%, 35%, 9%)

Oklch

oklch(77.0% 0.090 25.3)

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

#D16D92

Rouge · LightCoral · Rose Pink

HEX

#D16D92

RGB

rgb(209, 109, 146)

HSL

hsl(338, 52%, 62%)

HSB

hsb(338, 48%, 82%)

CMYK

cmyk(0%, 48%, 30%, 18%)

Oklch

oklch(66.0% 0.132 357.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B947A2

Rose Purple · MediumOrchid · Violet

HEX

#B947A2

RGB

rgb(185, 71, 162)

HSL

hsl(312, 45%, 50%)

HSB

hsb(312, 62%, 73%)

CMYK

cmyk(0%, 62%, 12%, 27%)

Oklch

oklch(58.2% 0.180 336.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE080

8680E0

Analogous

E0B680

DAE080

AAE080

Triadic

DAE080

80DAE0

E080DA

Split-Comp.

DAE080

80AAE0

B680E0

Tetradic

DAE080

80E0B6

8680E0

E080AA

Contrast Matrix WCAG 2.1 Contrast

DAE080	E7EBB7	E89E97	D16D92	B947A2
—	1.1 Fail	1.5 Fail	2.4 Fail	3.3 AA Large
1.1 Fail	—	1.7 Fail	2.7 Fail	3.8 AA Large
1.5 Fail	1.7 Fail	—	1.5 Fail	2.2 Fail
2.4 Fail	2.7 Fail	1.5 Fail	—	1.4 Fail
3.3 AA Large	3.8 AA Large	2.2 Fail	1.4 Fail	—

White BG

1.4Fail

1.2Fail

2.1Fail

3.3AA Large

4.7AA

Black BG

15.0AAA

17.0AAA

9.8AAA

6.3AA

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD97

E9E9C4

C8C799

A6A589

88878C

Deuteranopia

DCDC9D

E9E8C7

CCD299

ACB387

8E9787

Tritanopia

DAAAAE

E7CED0

E49A9A

CC8280

B37B77

Achromatopsia

D3D3D3

E4E4E4

B3B3B3

8F8F8F

737373

Shades & Tints Shades & Tints

#DAE080

Dark

Light

#E7EBB7

Dark

Light

#E89E97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae080;
  --color-2: #e7ebb7;
  --color-3: #e89e97;
  --color-4: #d16d92;
  --color-5: #b947a2;
}

SCSS

$color-1: #dae080;
$color-2: #e7ebb7;
$color-3: #e89e97;
$color-4: #d16d92;
$color-5: #b947a2;

TAILWIND

colors: {
  'brand-1': '#dae080',
  'brand-2': '#e7ebb7',
  'brand-3': '#e89e97',
  'brand-4': '#d16d92',
  'brand-5': '#b947a2',
}

RGB Array

[218, 224, 128], [231, 235, 183], [232, 158, 151], [209, 109, 146], [185, 71, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAE080, #E7EBB7, #E89E97, #D16D92, #B947A2 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: #dae080; --color-2: #e7ebb7; --color-3: #e89e97; --color-4: #d16d92; --color-5: #b947a2. 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