#DAADAD + #B2A08F + #CCD0B4 + #F4E1B1 + #E5DD73 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAADAD

Peach Pink · Tan · Coral Red

HEX

#DAADAD

RGB

rgb(218, 173, 173)

HSL

hsl(0, 38%, 77%)

HSB

hsb(0, 21%, 85%)

CMYK

cmyk(0%, 21%, 21%, 15%)

Oklch

oklch(78.8% 0.053 18.3)

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

#B2A08F

Apricot · DarkGray · Warm Sun

HEX

#B2A08F

RGB

rgb(178, 160, 143)

HSL

hsl(29, 19%, 63%)

HSB

hsb(29, 20%, 70%)

CMYK

cmyk(0%, 10%, 20%, 30%)

Oklch

oklch(71.7% 0.032 65.7)

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

#CCD0B4

Fresh Green · Silver · Lemon Cream

HEX

#CCD0B4

RGB

rgb(204, 208, 180)

HSL

hsl(69, 23%, 76%)

HSB

hsb(69, 13%, 82%)

CMYK

cmyk(2%, 0%, 13%, 18%)

Oklch

oklch(84.7% 0.038 113.8)

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

#F4E1B1

Goose Yellow · Wheat · Lemon Cream

HEX

#F4E1B1

RGB

rgb(244, 225, 177)

HSL

hsl(43, 75%, 83%)

HSB

hsb(43, 27%, 96%)

CMYK

cmyk(0%, 8%, 27%, 4%)

Oklch

oklch(91.3% 0.066 89.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5DD73

Fresh Green · Khaki · Sunflower

HEX

#E5DD73

RGB

rgb(229, 221, 115)

HSL

hsl(56, 69%, 67%)

HSB

hsb(56, 50%, 90%)

CMYK

cmyk(0%, 3%, 50%, 10%)

Oklch

oklch(88.2% 0.129 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAADAD

AEDBDB

Analogous

DBAEC4

DAADAD

DBC4AE

Triadic

DAADAD

AEDBAE

AEAEDB

Split-Comp.

DAADAD

AEDBC4

AEC4DB

Tetradic

DAADAD

C4DBAE

AEDBDB

C4AEDB

Contrast Matrix WCAG 2.1 Contrast

DAADAD	B2A08F	CCD0B4	F4E1B1	E5DD73
—	1.3 Fail	1.3 Fail	1.5 Fail	1.4 Fail
1.3 Fail	—	1.6 Fail	2.0 Fail	1.8 Fail
1.3 Fail	1.6 Fail	—	1.2 Fail	1.1 Fail
1.5 Fail	2.0 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	1.8 Fail	1.1 Fail	1.1 Fail	—

White BG

2.0Fail

2.5Fail

1.6Fail

1.3Fail

1.4Fail

Black BG

10.6AAA

8.3AAA

13.2AAA

16.3AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6AD

AAAA93

CECEBB

ECECBD

E2E18D

Deuteranopia

C9CDAD

ABAD94

CECDBC

EDEEBF

E2E393

Tritanopia

D8ADAD

B19697

CCC0C1

F3C6C8

E5A1A5

Achromatopsia

BABABA

A3A3A3

CCCCCC

E1E1E1

D3D3D3

Shades & Tints Shades & Tints

#DAADAD

Dark

Light

#B2A08F

Dark

Light

#CCD0B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daadad;
  --color-2: #b2a08f;
  --color-3: #ccd0b4;
  --color-4: #f4e1b1;
  --color-5: #e5dd73;
}

SCSS

$color-1: #daadad;
$color-2: #b2a08f;
$color-3: #ccd0b4;
$color-4: #f4e1b1;
$color-5: #e5dd73;

TAILWIND

colors: {
  'brand-1': '#daadad',
  'brand-2': '#b2a08f',
  'brand-3': '#ccd0b4',
  'brand-4': '#f4e1b1',
  'brand-5': '#e5dd73',
}

RGB Array

[218, 173, 173], [178, 160, 143], [204, 208, 180], [244, 225, 177], [229, 221, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAADAD, #B2A08F, #CCD0B4, #F4E1B1, #E5DD73 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: #daadad; --color-2: #b2a08f; --color-3: #ccd0b4; --color-4: #f4e1b1; --color-5: #e5dd73. 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