#78715E + #F59A76 + #EFB586 + #E3CB9C + #DADAA7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#78715E

Ochre · DimGray · Honey Gold

HEX

#78715E

RGB

rgb(120, 113, 94)

HSL

hsl(44, 12%, 42%)

HSB

hsb(44, 22%, 47%)

CMYK

cmyk(0%, 6%, 22%, 53%)

Oklch

oklch(55.0% 0.030 90.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F59A76

Apricot · LightSalmon · Warm Sun

HEX

#F59A76

RGB

rgb(245, 154, 118)

HSL

hsl(17, 86%, 71%)

HSB

hsb(17, 52%, 96%)

CMYK

cmyk(0%, 37%, 52%, 4%)

Oklch

oklch(77.1% 0.120 42.2)

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

#EFB586

Apricot · BurlyWood · Warm Sun

HEX

#EFB586

RGB

rgb(239, 181, 134)

HSL

hsl(27, 77%, 73%)

HSB

hsb(27, 44%, 94%)

CMYK

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

Oklch

oklch(81.6% 0.092 60.0)

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

#E3CB9C

Goose Yellow · BurlyWood · Sunflower

HEX

#E3CB9C

RGB

rgb(227, 203, 156)

HSL

hsl(40, 56%, 75%)

HSB

hsb(40, 31%, 89%)

CMYK

cmyk(0%, 11%, 31%, 11%)

Oklch

oklch(85.1% 0.067 83.9)

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

#DADAA7

Fresh Green · Wheat · Sunflower

HEX

#DADAA7

RGB

rgb(218, 218, 167)

HSL

hsl(60, 41%, 75%)

HSB

hsb(60, 23%, 85%)

CMYK

cmyk(0%, 0%, 23%, 15%)

Oklch

oklch(87.6% 0.067 107.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78715E

5E6578

Analogous

78645E

78715E

72785E

Triadic

78715E

5E7871

715E78

Split-Comp.

78715E

5E7278

645E78

Tetradic

78715E

5E7864

5E6578

785E72

Contrast Matrix WCAG 2.1 Contrast

78715E	F59A76	EFB586	E3CB9C	DADAA7
—	2.3 Fail	2.7 Fail	3.1 AA Large	3.4 AA Large
2.3 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
2.7 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
3.1 AA Large	1.4 Fail	1.1 Fail	—	1.1 Fail
3.4 AA Large	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

4.9AA

2.2Fail

1.8Fail

1.6Fail

1.4Fail

Black BG

4.3AA Large

9.8AAA

11.6AAA

13.3AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757563

CECD7F

D6D591

D9D8A7

DADAB3

Deuteranopia

757664

D3DA81

D9DE94

DADCAA

DADAB6

Tritanopia

786667

F08687

EC9A9C

E2B0B2

DABDBF

Achromatopsia

717171

B1B1B1

C1C1C1

CDCDCD

D4D4D4

Shades & Tints Shades & Tints

#78715E

Dark

Light

#F59A76

Dark

Light

#EFB586

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78715e;
  --color-2: #f59a76;
  --color-3: #efb586;
  --color-4: #e3cb9c;
  --color-5: #dadaa7;
}

SCSS

$color-1: #78715e;
$color-2: #f59a76;
$color-3: #efb586;
$color-4: #e3cb9c;
$color-5: #dadaa7;

TAILWIND

colors: {
  'brand-1': '#78715e',
  'brand-2': '#f59a76',
  'brand-3': '#efb586',
  'brand-4': '#e3cb9c',
  'brand-5': '#dadaa7',
}

RGB Array

[120, 113, 94], [245, 154, 118], [239, 181, 134], [227, 203, 156], [218, 218, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #78715E, #F59A76, #EFB586, #E3CB9C, #DADAA7 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: #78715e; --color-2: #f59a76; --color-3: #efb586; --color-4: #e3cb9c; --color-5: #dadaa7. 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