#DAED81 + #A7B76E + #A1253F + #AD4672 + #E78E66 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DAED81

Willow Green · Khaki · Apple Green

HEX

#DAED81

RGB

rgb(218, 237, 129)

HSL

hsl(71, 75%, 72%)

HSB

hsb(71, 46%, 93%)

CMYK

cmyk(8%, 0%, 46%, 7%)

Oklch

oklch(90.9% 0.135 117.4)

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

#A7B76E

Grass Green · DarkSeaGreen · Olive Green

HEX

#A7B76E

RGB

rgb(167, 183, 110)

HSL

hsl(73, 34%, 57%)

HSB

hsb(73, 40%, 72%)

CMYK

cmyk(9%, 0%, 40%, 28%)

Oklch

oklch(75.0% 0.098 118.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A1253F

Vermilion · Brown · Wine Red

HEX

#A1253F

RGB

rgb(161, 37, 63)

HSL

hsl(347, 63%, 39%)

HSB

hsb(347, 77%, 63%)

CMYK

cmyk(0%, 77%, 61%, 37%)

Oklch

oklch(47.3% 0.159 14.3)

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

#AD4672

Dark Violet · MediumVioletRed · Camellia

HEX

#AD4672

RGB

rgb(173, 70, 114)

HSL

hsl(334, 42%, 48%)

HSB

hsb(334, 60%, 68%)

CMYK

cmyk(0%, 60%, 34%, 32%)

Oklch

oklch(54.4% 0.142 356.2)

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

#E78E66

Apricot · DarkSalmon · Warm Sun

HEX

#E78E66

RGB

rgb(231, 142, 102)

HSL

hsl(19, 73%, 65%)

HSB

hsb(19, 56%, 91%)

CMYK

cmyk(0%, 39%, 56%, 9%)

Oklch

oklch(73.1% 0.121 44.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAED81

9682ED

Analogous

EDCB82

DAED81

A4ED82

Triadic

DAED81

82DAED

ED82DA

Split-Comp.

DAED81

82A4ED

CB82ED

Tetradic

DAED81

82EDCB

9682ED

ED82A4

Contrast Matrix WCAG 2.1 Contrast

DAED81	A7B76E	A1253F	AD4672	E78E66
—	1.7 Fail	5.8 AA	4.2 AA Large	1.9 Fail
1.7 Fail	—	3.4 AA Large	2.5 Fail	1.1 Fail
5.8 AA	3.4 AA Large	—	1.4 Fail	3.0 Fail
4.2 AA Large	2.5 Fail	1.4 Fail	—	2.2 Fail
1.9 Fail	1.1 Fail	3.0 Fail	2.2 Fail	—

White BG

1.3Fail

2.2Fail

7.4AAA

5.4AA

2.5Fail

Black BG

16.4AAA

9.6AAA

2.9Fail

3.9AA Large

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E29B

AEAE80

6B6A39

807F67

C0C070

Deuteranopia

E1E0A1

ADAC84

737C37

868E65

C6CC72

Tritanopia

DBB0B4

A88E91

9B3433

A85F5D

E37779

Achromatopsia

DBDBDB

AAAAAA

4D4D4D

6A6A6A

A4A4A4

Shades & Tints Shades & Tints

#DAED81

Dark

Light

#A7B76E

Dark

Light

#A1253F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daed81;
  --color-2: #a7b76e;
  --color-3: #a1253f;
  --color-4: #ad4672;
  --color-5: #e78e66;
}

SCSS

$color-1: #daed81;
$color-2: #a7b76e;
$color-3: #a1253f;
$color-4: #ad4672;
$color-5: #e78e66;

TAILWIND

colors: {
  'brand-1': '#daed81',
  'brand-2': '#a7b76e',
  'brand-3': '#a1253f',
  'brand-4': '#ad4672',
  'brand-5': '#e78e66',
}

RGB Array

[218, 237, 129], [167, 183, 110], [161, 37, 63], [173, 70, 114], [231, 142, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAED81, #A7B76E, #A1253F, #AD4672, #E78E66 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: #daed81; --color-2: #a7b76e; --color-3: #a1253f; --color-4: #ad4672; --color-5: #e78e66. 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 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