#CDAA90 + #F4BEA8 + #EBD4BE + #DBEFBD + #EEF2E2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDAA90

Apricot · Tan · Warm Sun

HEX

#CDAA90

RGB

rgb(205, 170, 144)

HSL

hsl(26, 38%, 68%)

HSB

hsb(26, 30%, 80%)

CMYK

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

Oklch

oklch(76.2% 0.055 58.4)

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

#F4BEA8

Apricot · LightPink · Peach Orange

HEX

#F4BEA8

RGB

rgb(244, 190, 168)

HSL

hsl(17, 78%, 81%)

HSB

hsb(17, 31%, 96%)

CMYK

cmyk(0%, 22%, 31%, 4%)

Oklch

oklch(84.4% 0.069 43.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EBD4BE

Apricot · Wheat · Peach Orange

HEX

#EBD4BE

RGB

rgb(235, 212, 190)

HSL

hsl(29, 53%, 83%)

HSB

hsb(29, 19%, 92%)

CMYK

cmyk(0%, 10%, 19%, 8%)

Oklch

oklch(88.3% 0.039 66.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DBEFBD

Willow Green · Wheat · Mint Green

HEX

#DBEFBD

RGB

rgb(219, 239, 189)

HSL

hsl(84, 61%, 84%)

HSB

hsb(84, 21%, 94%)

CMYK

cmyk(8%, 0%, 21%, 6%)

Oklch

oklch(92.5% 0.069 125.5)

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

#EEF2E2

Willow Green · Beige · Mint Green

HEX

#EEF2E2

RGB

rgb(238, 242, 226)

HSL

hsl(75, 38%, 92%)

HSB

hsb(75, 7%, 95%)

CMYK

cmyk(2%, 0%, 7%, 5%)

Oklch

oklch(95.4% 0.022 118.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDAA90

8EB2CC

Analogous

CC8E93

CDAA90

CCC88E

Triadic

CDAA90

8ECCA9

A98ECC

Split-Comp.

CDAA90

8ECCC8

8E93CC

Tetradic

CDAA90

93CC8E

8EB2CC

C88ECC

Contrast Matrix WCAG 2.1 Contrast

CDAA90	F4BEA8	EBD4BE	DBEFBD	EEF2E2
—	1.3 Fail	1.5 Fail	1.8 Fail	1.9 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.9 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

2.2Fail

1.6Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

9.7AAA

12.8AAA

14.7AAA

17.1AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE96

DDDCAD

E1E1C3

E4E4C9

F0F0E6

Deuteranopia

C0C398

E0E4AF

E2E4C5

E3E1CC

F0EFE7

Tritanopia

CB9B9C

F1B2B2

EAC8C8

DCD3D5

EEE9EA

Achromatopsia

B2B2B2

CCCCCC

D8D8D8

E3E3E3

EFEFEF

Shades & Tints Shades & Tints

#CDAA90

Dark

Light

#F4BEA8

Dark

Light

#EBD4BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdaa90;
  --color-2: #f4bea8;
  --color-3: #ebd4be;
  --color-4: #dbefbd;
  --color-5: #eef2e2;
}

SCSS

$color-1: #cdaa90;
$color-2: #f4bea8;
$color-3: #ebd4be;
$color-4: #dbefbd;
$color-5: #eef2e2;

TAILWIND

colors: {
  'brand-1': '#cdaa90',
  'brand-2': '#f4bea8',
  'brand-3': '#ebd4be',
  'brand-4': '#dbefbd',
  'brand-5': '#eef2e2',
}

RGB Array

[205, 170, 144], [244, 190, 168], [235, 212, 190], [219, 239, 189], [238, 242, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDAA90, #F4BEA8, #EBD4BE, #DBEFBD, #EEF2E2 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: #cdaa90; --color-2: #f4bea8; --color-3: #ebd4be; --color-4: #dbefbd; --color-5: #eef2e2. 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