#E75327 + #DB7D65 + #DBBB92 + #CFDBAF + #C5EBCE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E75327

Vermilion · Chocolate · Passion Red

HEX

#E75327

RGB

rgb(231, 83, 39)

HSL

hsl(14, 80%, 53%)

HSB

hsb(14, 83%, 91%)

CMYK

cmyk(0%, 64%, 83%, 9%)

Oklch

oklch(63.7% 0.192 36.4)

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

#DB7D65

Peach Pink · Salmon · Coral Red

HEX

#DB7D65

RGB

rgb(219, 125, 101)

HSL

hsl(12, 62%, 63%)

HSB

hsb(12, 54%, 86%)

CMYK

cmyk(0%, 43%, 54%, 14%)

Oklch

oklch(68.7% 0.122 35.2)

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

#DBBB92

Goose Yellow · BurlyWood · Warm Sun

HEX

#DBBB92

RGB

rgb(219, 187, 146)

HSL

hsl(34, 50%, 72%)

HSB

hsb(34, 33%, 86%)

CMYK

cmyk(0%, 15%, 33%, 14%)

Oklch

oklch(81.0% 0.066 73.6)

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

#CFDBAF

Willow Green · Silver · Apple Green

HEX

#CFDBAF

RGB

rgb(207, 219, 175)

HSL

hsl(76, 38%, 77%)

HSB

hsb(76, 20%, 86%)

CMYK

cmyk(5%, 0%, 20%, 14%)

Oklch

oklch(87.1% 0.060 120.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C5EBCE

Celadon · LightGray · Mint Green

HEX

#C5EBCE

RGB

rgb(197, 235, 206)

HSL

hsl(134, 49%, 85%)

HSB

hsb(134, 16%, 92%)

CMYK

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

Oklch

oklch(90.5% 0.056 152.3)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E75327

27BAE7

Analogous

E7275A

E75327

E7B427

Triadic

E75327

27E754

5427E7

Split-Comp.

E75327

27E7B4

275AE7

Tetradic

E75327

5AE727

27BAE7

B427E7

Contrast Matrix WCAG 2.1 Contrast

E75327	DB7D65	DBBB92	CFDBAF	C5EBCE
—	1.3 Fail	2.0 Fail	2.5 Fail	2.9 Fail
1.3 Fail	—	1.6 Fail	2.0 Fail	2.3 Fail
2.0 Fail	1.6 Fail	—	1.2 Fail	1.4 Fail
2.5 Fail	2.0 Fail	1.2 Fail	—	1.1 Fail
2.9 Fail	2.3 Fail	1.4 Fail	1.1 Fail	—

White BG

3.7AA Large

2.9Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

5.7AA

7.1AAA

11.5AAA

14.4AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A632

B2B16B

CDCD9C

D4D4BA

D5D6D5

Deuteranopia

B0BB34

B8BF6C

CFD19E

D4D3BC

D3D0D7

Tritanopia

E03A3C

D66F70

D9A4A5

D0C2C4

C7DBDC

Achromatopsia

7A7A7A

969696

C0C0C0

D2D2D2

DCDCDC

Shades & Tints Shades & Tints

#E75327

Dark

Light

#DB7D65

Dark

Light

#DBBB92

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e75327;
  --color-2: #db7d65;
  --color-3: #dbbb92;
  --color-4: #cfdbaf;
  --color-5: #c5ebce;
}

SCSS

$color-1: #e75327;
$color-2: #db7d65;
$color-3: #dbbb92;
$color-4: #cfdbaf;
$color-5: #c5ebce;

TAILWIND

colors: {
  'brand-1': '#e75327',
  'brand-2': '#db7d65',
  'brand-3': '#dbbb92',
  'brand-4': '#cfdbaf',
  'brand-5': '#c5ebce',
}

RGB Array

[231, 83, 39], [219, 125, 101], [219, 187, 146], [207, 219, 175], [197, 235, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E75327, #DB7D65, #DBBB92, #CFDBAF, #C5EBCE 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: #e75327; --color-2: #db7d65; --color-3: #dbbb92; --color-4: #cfdbaf; --color-5: #c5ebce. 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