#CBD79D + #E0E1A8 + #E1CBA8 + #E1A9A8 + #DAAFC9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBD79D

Willow Green · Tan · Apple Green

HEX

#CBD79D

RGB

rgb(203, 215, 157)

HSL

hsl(72, 42%, 73%)

HSB

hsb(72, 27%, 84%)

CMYK

cmyk(6%, 0%, 27%, 16%)

Oklch

oklch(85.6% 0.078 117.6)

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

#E0E1A8

Fresh Green · Wheat · Lemon Cream

HEX

#E0E1A8

RGB

rgb(224, 225, 168)

HSL

hsl(61, 49%, 77%)

HSB

hsb(61, 25%, 88%)

CMYK

cmyk(0%, 0%, 25%, 12%)

Oklch

oklch(89.5% 0.074 108.6)

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

#E1CBA8

Goose Yellow · Wheat · Peach Orange

HEX

#E1CBA8

RGB

rgb(225, 203, 168)

HSL

hsl(37, 49%, 77%)

HSB

hsb(37, 25%, 88%)

CMYK

cmyk(0%, 10%, 25%, 12%)

Oklch

oklch(85.2% 0.053 79.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E1A9A8

Peach Pink · Tan · Coral Red

HEX

#E1A9A8

RGB

rgb(225, 169, 168)

HSL

hsl(1, 49%, 77%)

HSB

hsb(1, 25%, 88%)

CMYK

cmyk(0%, 25%, 25%, 12%)

Oklch

oklch(78.6% 0.066 19.8)

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

#DAAFC9

Mauve · Silver · Cherry Blossom

HEX

#DAAFC9

RGB

rgb(218, 175, 201)

HSL

hsl(324, 37%, 77%)

HSB

hsb(324, 20%, 85%)

CMYK

cmyk(0%, 20%, 8%, 15%)

Oklch

oklch(80.0% 0.060 341.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD79D

A99DD7

Analogous

D7C69D

CBD79D

AFD79D

Triadic

CBD79D

9DCCD7

D79DCC

Split-Comp.

CBD79D

9DAFD7

C69DD7

Tetradic

CBD79D

9DD7C6

A99DD7

D79DAF

Contrast Matrix WCAG 2.1 Contrast

CBD79D	E0E1A8	E1CBA8	E1A9A8	DAAFC9
—	1.1 Fail	1.0 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.4 Fail
1.0 Fail	1.2 Fail	—	1.3 Fail	1.2 Fail
1.3 Fail	1.5 Fail	1.3 Fail	—	1.0 Fail
1.3 Fail	1.4 Fail	1.2 Fail	1.0 Fail	—

White BG

1.5Fail

1.4Fail

1.6Fail

2.0Fail

1.9Fail

Black BG

13.7AAA

15.5AAA

13.3AAA

10.4AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0AB

E0E0B6

D7D7B0

C9C8A8

C7C7C3

Deuteranopia

D0CFAE

E0E0B9

D9DAB3

CCD0A8

CACDC1

Tritanopia

CCB6B9

E0C1C3

E0B7B9

DEA8A8

D8BEBD

Achromatopsia

CDCDCD

DADADA

CECECE

BABABA

BFBFBF

Shades & Tints Shades & Tints

#CBD79D

Dark

Light

#E0E1A8

Dark

Light

#E1CBA8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd79d;
  --color-2: #e0e1a8;
  --color-3: #e1cba8;
  --color-4: #e1a9a8;
  --color-5: #daafc9;
}

SCSS

$color-1: #cbd79d;
$color-2: #e0e1a8;
$color-3: #e1cba8;
$color-4: #e1a9a8;
$color-5: #daafc9;

TAILWIND

colors: {
  'brand-1': '#cbd79d',
  'brand-2': '#e0e1a8',
  'brand-3': '#e1cba8',
  'brand-4': '#e1a9a8',
  'brand-5': '#daafc9',
}

RGB Array

[203, 215, 157], [224, 225, 168], [225, 203, 168], [225, 169, 168], [218, 175, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBD79D, #E0E1A8, #E1CBA8, #E1A9A8, #DAAFC9 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: #cbd79d; --color-2: #e0e1a8; --color-3: #e1cba8; --color-4: #e1a9a8; --color-5: #daafc9. 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