#D05738 + #E27844 + #DEC374 + #E7EDBF + #8FC7AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D05738

Vermilion · Chocolate · Passion Red

HEX

#D05738

RGB

rgb(208, 87, 56)

HSL

hsl(12, 62%, 52%)

HSB

hsb(12, 73%, 82%)

CMYK

cmyk(0%, 58%, 73%, 18%)

Oklch

oklch(60.7% 0.160 35.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E27844

Tangerine · Coral · Warm Sun

HEX

#E27844

RGB

rgb(226, 120, 68)

HSL

hsl(20, 73%, 58%)

HSB

hsb(20, 70%, 89%)

CMYK

cmyk(0%, 47%, 70%, 11%)

Oklch

oklch(68.3% 0.147 45.3)

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

#DEC374

Ginger · BurlyWood · Sunflower

HEX

#DEC374

RGB

rgb(222, 195, 116)

HSL

hsl(45, 62%, 66%)

HSB

hsb(45, 48%, 87%)

CMYK

cmyk(0%, 12%, 48%, 13%)

Oklch

oklch(82.3% 0.103 91.1)

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

#E7EDBF

Fresh Green · Wheat · Lemon Cream

HEX

#E7EDBF

RGB

rgb(231, 237, 191)

HSL

hsl(68, 56%, 84%)

HSB

hsb(68, 19%, 93%)

CMYK

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

Oklch

oklch(93.0% 0.060 113.6)

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

#8FC7AC

Jade · DarkSeaGreen · Apple Green

HEX

#8FC7AC

RGB

rgb(143, 199, 172)

HSL

hsl(151, 33%, 67%)

HSB

hsb(151, 28%, 78%)

CMYK

cmyk(28%, 0%, 14%, 22%)

Oklch

oklch(78.3% 0.070 163.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D05738

39B2D0

Analogous

D03966

D05738

D0A339

Triadic

D05738

39D057

5739D0

Split-Comp.

D05738

39D0A3

3966D0

Tetradic

D05738

66D039

39B2D0

A339D0

Contrast Matrix WCAG 2.1 Contrast

D05738	E27844	DEC374	E7EDBF	8FC7AC
—	1.4 Fail	2.4 Fail	3.4 AA Large	2.1 Fail
1.4 Fail	—	1.7 Fail	2.5 Fail	1.6 Fail
2.4 Fail	1.7 Fail	—	1.4 Fail	1.1 Fail
3.4 AA Large	2.5 Fail	1.4 Fail	—	1.6 Fail
2.1 Fail	1.6 Fail	1.1 Fail	1.6 Fail	—

White BG

4.1AA Large

3.0Fail

1.7Fail

1.2Fail

1.9Fail

Black BG

5.1AA

7.0AAA

12.2AAA

17.3AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9B40

B4B351

D2D287

EAEACA

A7A8B3

Deuteranopia

A3AC41

BAC254

D4D68C

E9E9CD

A4A0B4

Tritanopia

CA4547

DD5B5D

DD969A

E7D3D5

92B8B9

Achromatopsia

787878

929292

C2C2C2

E6E6E6

B3B3B3

Shades & Tints Shades & Tints

#D05738

Dark

Light

#E27844

Dark

Light

#DEC374

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d05738;
  --color-2: #e27844;
  --color-3: #dec374;
  --color-4: #e7edbf;
  --color-5: #8fc7ac;
}

SCSS

$color-1: #d05738;
$color-2: #e27844;
$color-3: #dec374;
$color-4: #e7edbf;
$color-5: #8fc7ac;

TAILWIND

colors: {
  'brand-1': '#d05738',
  'brand-2': '#e27844',
  'brand-3': '#dec374',
  'brand-4': '#e7edbf',
  'brand-5': '#8fc7ac',
}

RGB Array

[208, 87, 56], [226, 120, 68], [222, 195, 116], [231, 237, 191], [143, 199, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D05738, #E27844, #DEC374, #E7EDBF, #8FC7AC 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: #d05738; --color-2: #e27844; --color-3: #dec374; --color-4: #e7edbf; --color-5: #8fc7ac. 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