#DDDBB8 + #E9AB8C + #E18798 + #7A8790 + #94A9A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDDBB8

Fresh Green · Wheat · Lemon Cream

HEX

#DDDBB8

RGB

rgb(221, 219, 184)

HSL

hsl(57, 35%, 79%)

HSB

hsb(57, 17%, 87%)

CMYK

cmyk(0%, 1%, 17%, 13%)

Oklch

oklch(88.4% 0.047 104.6)

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

#E9AB8C

Apricot · BurlyWood · Warm Sun

HEX

#E9AB8C

RGB

rgb(233, 171, 140)

HSL

hsl(20, 68%, 73%)

HSB

hsb(20, 40%, 91%)

CMYK

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

Oklch

oklch(79.2% 0.085 47.6)

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

#E18798

Peach Pink · LightCoral · Coral Red

HEX

#E18798

RGB

rgb(225, 135, 152)

HSL

hsl(349, 60%, 71%)

HSB

hsb(349, 40%, 88%)

CMYK

cmyk(0%, 40%, 32%, 12%)

Oklch

oklch(72.3% 0.112 8.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#7A8790

Slate Blue · LightSlateGray · Warm Gray

HEX

#7A8790

RGB

rgb(122, 135, 144)

HSL

hsl(205, 9%, 52%)

HSB

hsb(205, 15%, 56%)

CMYK

cmyk(15%, 6%, 0%, 44%)

Oklch

oklch(61.6% 0.020 238.0)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#94A9A3

Jade · DarkGray · Lake Green

HEX

#94A9A3

RGB

rgb(148, 169, 163)

HSL

hsl(163, 11%, 62%)

HSB

hsb(163, 12%, 66%)

CMYK

cmyk(12%, 0%, 4%, 34%)

Oklch

oklch(71.7% 0.025 176.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDBB8

B7B9DC

Analogous

DCC8B7

DDDBB8

CBDCB7

Triadic

DDDBB8

B7DCDA

DAB7DC

Split-Comp.

DDDBB8

B7CBDC

C8B7DC

Tetradic

DDDBB8

B7DCC8

B7B9DC

DCB7CB

Contrast Matrix WCAG 2.1 Contrast

DDDBB8	E9AB8C	E18798	7A8790	94A9A3
—	1.4 Fail	1.8 Fail	2.6 Fail	1.8 Fail
1.4 Fail	—	1.3 Fail	1.9 Fail	1.3 Fail
1.8 Fail	1.3 Fail	—	1.4 Fail	1.0 Fail
2.6 Fail	1.9 Fail	1.4 Fail	—	1.5 Fail
1.8 Fail	1.3 Fail	1.0 Fail	1.5 Fail	—

White BG

1.4Fail

2.0Fail

2.6Fail

3.7AA Large

2.5Fail

Black BG

14.9AAA

10.7AAA

8.1AAA

5.7AA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCC0

CECE94

BAB994

80808E

9D9DA4

Deuteranopia

DCDCC3

D2D695

BFC693

7F7E8D

9C9AA5

Tritanopia

DDC7C9

E6999B

DD9190

7B8C8C

95A6A6

Achromatopsia

D8D8D8

BABABA

A4A4A4

848484

A2A2A2

Shades & Tints Shades & Tints

#DDDBB8

Dark

Light

#E9AB8C

Dark

Light

#E18798

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddbb8;
  --color-2: #e9ab8c;
  --color-3: #e18798;
  --color-4: #7a8790;
  --color-5: #94a9a3;
}

SCSS

$color-1: #dddbb8;
$color-2: #e9ab8c;
$color-3: #e18798;
$color-4: #7a8790;
$color-5: #94a9a3;

TAILWIND

colors: {
  'brand-1': '#dddbb8',
  'brand-2': '#e9ab8c',
  'brand-3': '#e18798',
  'brand-4': '#7a8790',
  'brand-5': '#94a9a3',
}

RGB Array

[221, 219, 184], [233, 171, 140], [225, 135, 152], [122, 135, 144], [148, 169, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDDBB8, #E9AB8C, #E18798, #7A8790, #94A9A3 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: #dddbb8; --color-2: #e9ab8c; --color-3: #e18798; --color-4: #7a8790; --color-5: #94a9a3. 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