#DBCA94 + #E8DEBB + #EF5028 + #D4E3CC + #C4BFBB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBCA94

Goose Yellow · BurlyWood · Sunflower

HEX

#DBCA94

RGB

rgb(219, 202, 148)

HSL

hsl(46, 50%, 72%)

HSB

hsb(46, 32%, 86%)

CMYK

cmyk(0%, 8%, 32%, 14%)

Oklch

oklch(84.0% 0.073 92.7)

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

#E8DEBB

Goose Yellow · Wheat · Lemon Cream

HEX

#E8DEBB

RGB

rgb(232, 222, 187)

HSL

hsl(47, 49%, 82%)

HSB

hsb(47, 19%, 91%)

CMYK

cmyk(0%, 4%, 19%, 9%)

Oklch

oklch(90.0% 0.047 93.9)

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

#EF5028

Vermilion · Chocolate · Passion Red

HEX

#EF5028

RGB

rgb(239, 80, 40)

HSL

hsl(12, 86%, 55%)

HSB

hsb(12, 83%, 94%)

CMYK

cmyk(0%, 67%, 83%, 6%)

Oklch

oklch(64.6% 0.202 34.8)

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

#D4E3CC

Celadon · LightGray · Mint Green

HEX

#D4E3CC

RGB

rgb(212, 227, 204)

HSL

hsl(99, 29%, 85%)

HSB

hsb(99, 10%, 89%)

CMYK

cmyk(7%, 0%, 10%, 11%)

Oklch

oklch(89.8% 0.035 134.5)

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

#C4BFBB

Silver Gray · Silver · Pearl Gray

HEX

#C4BFBB

RGB

rgb(196, 191, 187)

HSL

hsl(27, 7%, 75%)

HSB

hsb(27, 5%, 77%)

CMYK

cmyk(0%, 3%, 5%, 23%)

Oklch

oklch(80.8% 0.008 61.4)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCA94

94A5DB

Analogous

DBA794

DBCA94

C8DB94

Triadic

DBCA94

94DBCB

CB94DB

Split-Comp.

DBCA94

94C8DB

A794DB

Tetradic

DBCA94

94DBA7

94A5DB

DB94C8

Contrast Matrix WCAG 2.1 Contrast

DBCA94	E8DEBB	EF5028	D4E3CC	C4BFBB
—	1.2 Fail	2.2 Fail	1.2 Fail	1.1 Fail
1.2 Fail	—	2.7 Fail	1.0 Fail	1.4 Fail
2.2 Fail	2.7 Fail	—	2.7 Fail	2.0 Fail
1.2 Fail	1.0 Fail	2.7 Fail	—	1.4 Fail
1.1 Fail	1.4 Fail	2.0 Fail	1.4 Fail	—

White BG

1.6Fail

1.3Fail

3.6AA Large

1.3Fail

1.8Fail

Black BG

12.9AAA

15.6AAA

5.8AA

15.7AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D3A1

E4E4C3

AAA932

DADBD2

C2C2BC

Deuteranopia

D5D6A4

E4E5C6

B3BF34

DAD8D3

C2C3BC

Tritanopia

DAABAE

E7CACC

E7393B

D5D6D7

C4BDBD

Achromatopsia

C9C9C9

DDDDDD

7B7B7B

DCDCDC

C0C0C0

Shades & Tints Shades & Tints

#DBCA94

Dark

Light

#E8DEBB

Dark

Light

#EF5028

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbca94;
  --color-2: #e8debb;
  --color-3: #ef5028;
  --color-4: #d4e3cc;
  --color-5: #c4bfbb;
}

SCSS

$color-1: #dbca94;
$color-2: #e8debb;
$color-3: #ef5028;
$color-4: #d4e3cc;
$color-5: #c4bfbb;

TAILWIND

colors: {
  'brand-1': '#dbca94',
  'brand-2': '#e8debb',
  'brand-3': '#ef5028',
  'brand-4': '#d4e3cc',
  'brand-5': '#c4bfbb',
}

RGB Array

[219, 202, 148], [232, 222, 187], [239, 80, 40], [212, 227, 204], [196, 191, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBCA94, #E8DEBB, #EF5028, #D4E3CC, #C4BFBB 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: #dbca94; --color-2: #e8debb; --color-3: #ef5028; --color-4: #d4e3cc; --color-5: #c4bfbb. 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