#EBDDC3 + #C2A59F + #778797 + #DD8B7F + #818D99 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBDDC3

Goose Yellow · Wheat · Peach Orange

HEX

#EBDDC3

RGB

rgb(235, 221, 195)

HSL

hsl(39, 50%, 84%)

HSB

hsb(39, 17%, 92%)

CMYK

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

Oklch

oklch(90.2% 0.038 83.0)

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

#C2A59F

Peach Pink · DarkGray · Coral Red

HEX

#C2A59F

RGB

rgb(194, 165, 159)

HSL

hsl(10, 22%, 69%)

HSB

hsb(10, 18%, 76%)

CMYK

cmyk(0%, 15%, 18%, 24%)

Oklch

oklch(74.6% 0.035 31.6)

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

#778797

Azure · LightSlateGray · Navy Blue

HEX

#778797

RGB

rgb(119, 135, 151)

HSL

hsl(210, 13%, 53%)

HSB

hsb(210, 21%, 59%)

CMYK

cmyk(21%, 11%, 0%, 41%)

Oklch

oklch(61.6% 0.031 248.3)

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

#DD8B7F

Peach Pink · DarkSalmon · Coral Red

HEX

#DD8B7F

RGB

rgb(221, 139, 127)

HSL

hsl(8, 58%, 68%)

HSB

hsb(8, 43%, 87%)

CMYK

cmyk(0%, 37%, 43%, 13%)

Oklch

oklch(71.9% 0.103 28.9)

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

#818D99

Azure · LightSlateGray · Navy Blue

HEX

#818D99

RGB

rgb(129, 141, 153)

HSL

hsl(210, 11%, 55%)

HSB

hsb(210, 16%, 60%)

CMYK

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

Oklch

oklch(63.8% 0.023 248.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDDC3

C2D0EB

Analogous

EBC8C2

EBDDC3

E4EBC2

Triadic

EBDDC3

C2EBDC

DCC2EB

Split-Comp.

EBDDC3

C2E4EB

C8C2EB

Tetradic

EBDDC3

C2EBC8

C2D0EB

EBC2E4

Contrast Matrix WCAG 2.1 Contrast

EBDDC3	C2A59F	778797	DD8B7F	818D99
—	1.7 Fail	2.7 Fail	1.9 Fail	2.5 Fail
1.7 Fail	—	1.6 Fail	1.1 Fail	1.5 Fail
2.7 Fail	1.6 Fail	—	1.4 Fail	1.1 Fail
1.9 Fail	1.1 Fail	1.4 Fail	—	1.3 Fail
2.5 Fail	1.5 Fail	1.1 Fail	1.3 Fail	—

White BG

1.3Fail

2.3Fail

3.7AA Large

2.6Fail

3.4AA Large

Black BG

15.7AAA

9.2AAA

5.7AA

8.1AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C9

B5B5A0

7E7E93

B9B982

868696

Deuteranopia

E6E7CB

B7B9A1

7D7C92

BEC483

868595

Tritanopia

EACECF

C1A2A2

78908F

D98485

829493

Achromatopsia

DEDEDE

ADADAD

848484

A2A2A2

8B8B8B

Shades & Tints Shades & Tints

#EBDDC3

Dark

Light

#C2A59F

Dark

Light

#778797

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebddc3;
  --color-2: #c2a59f;
  --color-3: #778797;
  --color-4: #dd8b7f;
  --color-5: #818d99;
}

SCSS

$color-1: #ebddc3;
$color-2: #c2a59f;
$color-3: #778797;
$color-4: #dd8b7f;
$color-5: #818d99;

TAILWIND

colors: {
  'brand-1': '#ebddc3',
  'brand-2': '#c2a59f',
  'brand-3': '#778797',
  'brand-4': '#dd8b7f',
  'brand-5': '#818d99',
}

RGB Array

[235, 221, 195], [194, 165, 159], [119, 135, 151], [221, 139, 127], [129, 141, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBDDC3, #C2A59F, #778797, #DD8B7F, #818D99 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: #ebddc3; --color-2: #c2a59f; --color-3: #778797; --color-4: #dd8b7f; --color-5: #818d99. 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