#DEDEBA + #CEC2AC + #F4EFC9 + #F5D9C3 + #F2AEBB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEDEBA

Fresh Green · Wheat · Lemon Cream

HEX

#DEDEBA

RGB

rgb(222, 222, 186)

HSL

hsl(60, 35%, 80%)

HSB

hsb(60, 16%, 87%)

CMYK

cmyk(0%, 0%, 16%, 13%)

Oklch

oklch(89.1% 0.048 107.3)

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

#CEC2AC

Goose Yellow · Silver · Warm Sun

HEX

#CEC2AC

RGB

rgb(206, 194, 172)

HSL

hsl(39, 26%, 74%)

HSB

hsb(39, 17%, 81%)

CMYK

cmyk(0%, 6%, 17%, 19%)

Oklch

oklch(81.8% 0.033 82.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F4EFC9

Fresh Green · Bisque · Lemon Cream

HEX

#F4EFC9

RGB

rgb(244, 239, 201)

HSL

hsl(53, 66%, 87%)

HSB

hsb(53, 18%, 96%)

CMYK

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

Oklch

oklch(94.6% 0.050 101.1)

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

#F5D9C3

Apricot · Bisque · Peach Orange

HEX

#F5D9C3

RGB

rgb(245, 217, 195)

HSL

hsl(26, 71%, 86%)

HSB

hsb(26, 20%, 96%)

CMYK

cmyk(0%, 11%, 20%, 4%)

Oklch

oklch(90.3% 0.043 60.4)

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

#F2AEBB

Peach Pink · LightPink · Cherry Blossom

HEX

#F2AEBB

RGB

rgb(242, 174, 187)

HSL

hsl(349, 72%, 82%)

HSB

hsb(349, 28%, 95%)

CMYK

cmyk(0%, 28%, 23%, 5%)

Oklch

oklch(81.8% 0.081 6.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEDEBA

BABADE

Analogous

DECCBA

DEDEBA

CCDEBA

Triadic

DEDEBA

BADEDE

DEBADE

Split-Comp.

DEDEBA

BACCDE

CCBADE

Tetradic

DEDEBA

BADECC

BABADE

DEBACC

Contrast Matrix WCAG 2.1 Contrast

DEDEBA	CEC2AC	F4EFC9	F5D9C3	F2AEBB
—	1.3 Fail	1.2 Fail	1.0 Fail	1.3 Fail
1.3 Fail	—	1.5 Fail	1.3 Fail	1.0 Fail
1.2 Fail	1.5 Fail	—	1.2 Fail	1.6 Fail
1.0 Fail	1.3 Fail	1.2 Fail	—	1.4 Fail
1.3 Fail	1.0 Fail	1.6 Fail	1.4 Fail	—

White BG

1.4Fail

1.8Fail

1.2Fail

1.3Fail

1.8Fail

Black BG

15.3AAA

11.9AAA

18.0AAA

15.6AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC3

C9C9B1

F2F2D2

E9E9C8

D5D4B8

Deuteranopia

DEDEC5

CACAB3

F2F3D4

EBEDCA

D9DEB7

Tritanopia

DECACB

CDB6B6

F4D9DB

F4CDCD

EFB5B5

Achromatopsia

DADADA

C3C3C3

ECECEC

DFDFDF

C4C4C4

Shades & Tints Shades & Tints

#DEDEBA

Dark

Light

#CEC2AC

Dark

Light

#F4EFC9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dedeba;
  --color-2: #cec2ac;
  --color-3: #f4efc9;
  --color-4: #f5d9c3;
  --color-5: #f2aebb;
}

SCSS

$color-1: #dedeba;
$color-2: #cec2ac;
$color-3: #f4efc9;
$color-4: #f5d9c3;
$color-5: #f2aebb;

TAILWIND

colors: {
  'brand-1': '#dedeba',
  'brand-2': '#cec2ac',
  'brand-3': '#f4efc9',
  'brand-4': '#f5d9c3',
  'brand-5': '#f2aebb',
}

RGB Array

[222, 222, 186], [206, 194, 172], [244, 239, 201], [245, 217, 195], [242, 174, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEDEBA, #CEC2AC, #F4EFC9, #F5D9C3, #F2AEBB 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: #dedeba; --color-2: #cec2ac; --color-3: #f4efc9; --color-4: #f5d9c3; --color-5: #f2aebb. 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