#927F70 + #E5C588 + #C0B096 + #87ABC3 + #DED6A5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#927F70

Tangerine · Gray · Warm Sun

HEX

#927F70

RGB

rgb(146, 127, 112)

HSL

hsl(26, 13%, 51%)

HSB

hsb(26, 23%, 57%)

CMYK

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

Oklch

oklch(61.0% 0.032 60.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E5C588

Goose Yellow · BurlyWood · Warm Sun

HEX

#E5C588

RGB

rgb(229, 197, 136)

HSL

hsl(39, 64%, 72%)

HSB

hsb(39, 41%, 90%)

CMYK

cmyk(0%, 14%, 41%, 10%)

Oklch

oklch(83.7% 0.086 83.0)

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

#C0B096

Ginger · Tan · Warm Sun

HEX

#C0B096

RGB

rgb(192, 176, 150)

HSL

hsl(37, 25%, 67%)

HSB

hsb(37, 22%, 75%)

CMYK

cmyk(0%, 8%, 22%, 25%)

Oklch

oklch(76.4% 0.040 79.9)

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

#87ABC3

Sky Blue · DarkGray · Cobalt Blue

HEX

#87ABC3

RGB

rgb(135, 171, 195)

HSL

hsl(204, 33%, 65%)

HSB

hsb(204, 31%, 76%)

CMYK

cmyk(31%, 12%, 0%, 24%)

Oklch

oklch(72.3% 0.053 237.6)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#DED6A5

Fresh Green · Wheat · Lemon Cream

HEX

#DED6A5

RGB

rgb(222, 214, 165)

HSL

hsl(52, 46%, 76%)

HSB

hsb(52, 26%, 87%)

CMYK

cmyk(0%, 4%, 26%, 13%)

Oklch

oklch(87.0% 0.065 99.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

927F70

728492

Analogous

927274

927F70

929072

Triadic

927F70

729280

807292

Split-Comp.

927F70

729290

727492

Tetradic

927F70

749272

728492

907292

Contrast Matrix WCAG 2.1 Contrast

927F70	E5C588	C0B096	87ABC3	DED6A5
—	2.3 Fail	1.8 Fail	1.6 Fail	2.6 Fail
2.3 Fail	—	1.3 Fail	1.5 Fail	1.1 Fail
1.8 Fail	1.3 Fail	—	1.1 Fail	1.4 Fail
1.6 Fail	1.5 Fail	1.1 Fail	—	1.7 Fail
2.6 Fail	1.1 Fail	1.4 Fail	1.7 Fail	—

White BG

3.8AA Large

1.7Fail

2.1Fail

2.4Fail

1.5Fail

Black BG

5.5AA

12.7AAA

9.9AAA

8.6AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A74

D7D797

B9B99C

9797BD

DBDAB1

Deuteranopia

8B8C75

D9DB9A

BABB9E

9592BC

DBDCB4

Tritanopia

917677

E3A2A5

BFA1A2

89B9B8

DEBABC

Achromatopsia

838383

C8C8C8

B2B2B2

A3A3A3

D3D3D3

Shades & Tints Shades & Tints

#927F70

Dark

Light

#E5C588

Dark

Light

#C0B096

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #927f70;
  --color-2: #e5c588;
  --color-3: #c0b096;
  --color-4: #87abc3;
  --color-5: #ded6a5;
}

SCSS

$color-1: #927f70;
$color-2: #e5c588;
$color-3: #c0b096;
$color-4: #87abc3;
$color-5: #ded6a5;

TAILWIND

colors: {
  'brand-1': '#927f70',
  'brand-2': '#e5c588',
  'brand-3': '#c0b096',
  'brand-4': '#87abc3',
  'brand-5': '#ded6a5',
}

RGB Array

[146, 127, 112], [229, 197, 136], [192, 176, 150], [135, 171, 195], [222, 214, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #927F70, #E5C588, #C0B096, #87ABC3, #DED6A5 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: #927f70; --color-2: #e5c588; --color-3: #c0b096; --color-4: #87abc3; --color-5: #ded6a5. 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