#D5C48B + #EAE2BE + #B6CDC8 + #97B2B5 + #7A819E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5C48B

Ginger · BurlyWood · Sunflower

HEX

#D5C48B

RGB

rgb(213, 196, 139)

HSL

hsl(46, 47%, 69%)

HSB

hsb(46, 35%, 84%)

CMYK

cmyk(0%, 8%, 35%, 16%)

Oklch

oklch(82.1% 0.077 93.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EAE2BE

Goose Yellow · Wheat · Lemon Cream

HEX

#EAE2BE

RGB

rgb(234, 226, 190)

HSL

hsl(49, 51%, 83%)

HSB

hsb(49, 19%, 92%)

CMYK

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

Oklch

oklch(91.0% 0.048 96.9)

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

#B6CDC8

Jade · Silver · Glacier Blue

HEX

#B6CDC8

RGB

rgb(182, 205, 200)

HSL

hsl(167, 19%, 76%)

HSB

hsb(167, 11%, 80%)

CMYK

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

Oklch

oklch(83.0% 0.026 181.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#97B2B5

Sky Blue · DarkGray · Lake Green

HEX

#97B2B5

RGB

rgb(151, 178, 181)

HSL

hsl(186, 17%, 65%)

HSB

hsb(186, 17%, 71%)

CMYK

cmyk(17%, 2%, 0%, 29%)

Oklch

oklch(74.4% 0.030 204.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#7A819E

Azure · LightSlateGray · Navy Blue

HEX

#7A819E

RGB

rgb(122, 129, 158)

HSL

hsl(228, 16%, 55%)

HSB

hsb(228, 23%, 62%)

CMYK

cmyk(23%, 18%, 0%, 38%)

Oklch

oklch(60.8% 0.045 274.4)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C48B

8B9CD5

Analogous

D59F8B

D5C48B

C1D58B

Triadic

D5C48B

8BD5C4

C48BD5

Split-Comp.

D5C48B

8BC1D5

9F8BD5

Tetradic

D5C48B

8BD59F

8B9CD5

D58BC1

Contrast Matrix WCAG 2.1 Contrast

D5C48B	EAE2BE	B6CDC8	97B2B5	7A819E
—	1.3 Fail	1.0 Fail	1.3 Fail	2.2 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	3.0 Fail
1.0 Fail	1.3 Fail	—	1.3 Fail	2.3 Fail
1.3 Fail	1.7 Fail	1.3 Fail	—	1.7 Fail
2.2 Fail	3.0 Fail	2.3 Fail	1.7 Fail	—

White BG

1.7Fail

1.3Fail

1.7Fail

2.2Fail

3.8AA Large

Black BG

12.1AAA

16.1AAA

12.6AAA

9.4AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD99

E7E6C7

C0C0C9

A3A3B4

7D7D97

Deuteranopia

CFD09C

E7E8C9

BFBDCA

A19FB4

7D7C95

Tritanopia

D4A4A6

EACECF

B7CACA

98B4B4

7A9190

Achromatopsia

C3C3C3

E0E0E0

C6C6C6

AAAAAA

828282

Shades & Tints Shades & Tints

#D5C48B

Dark

Light

#EAE2BE

Dark

Light

#B6CDC8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c48b;
  --color-2: #eae2be;
  --color-3: #b6cdc8;
  --color-4: #97b2b5;
  --color-5: #7a819e;
}

SCSS

$color-1: #d5c48b;
$color-2: #eae2be;
$color-3: #b6cdc8;
$color-4: #97b2b5;
$color-5: #7a819e;

TAILWIND

colors: {
  'brand-1': '#d5c48b',
  'brand-2': '#eae2be',
  'brand-3': '#b6cdc8',
  'brand-4': '#97b2b5',
  'brand-5': '#7a819e',
}

RGB Array

[213, 196, 139], [234, 226, 190], [182, 205, 200], [151, 178, 181], [122, 129, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5C48B, #EAE2BE, #B6CDC8, #97B2B5, #7A819E 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: #d5c48b; --color-2: #eae2be; --color-3: #b6cdc8; --color-4: #97b2b5; --color-5: #7a819e. 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