#EBAEB4 + #CB5868 + #B89248 + #E1CA73 + #EFE4C0 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBAEB4

Peach Pink · LightPink · Coral Red

HEX

#EBAEB4

RGB

rgb(235, 174, 180)

HSL

hsl(354, 60%, 80%)

HSB

hsb(354, 26%, 92%)

CMYK

cmyk(0%, 26%, 23%, 8%)

Oklch

oklch(80.9% 0.072 12.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CB5868

Crimson · LightCoral · Passion Red

HEX

#CB5868

RGB

rgb(203, 88, 104)

HSL

hsl(352, 53%, 57%)

HSB

hsb(352, 57%, 80%)

CMYK

cmyk(0%, 57%, 49%, 20%)

Oklch

oklch(61.0% 0.147 14.0)

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

#B89248

Ochre · GoldenRod · Honey Gold

HEX

#B89248

RGB

rgb(184, 146, 72)

HSL

hsl(40, 44%, 50%)

HSB

hsb(40, 61%, 72%)

CMYK

cmyk(0%, 21%, 61%, 28%)

Oklch

oklch(68.1% 0.103 82.2)

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

#E1CA73

Ginger · BurlyWood · Sunflower

HEX

#E1CA73

RGB

rgb(225, 202, 115)

HSL

hsl(47, 65%, 67%)

HSB

hsb(47, 49%, 88%)

CMYK

cmyk(0%, 10%, 49%, 12%)

Oklch

oklch(84.0% 0.111 95.0)

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

#EFE4C0

Goose Yellow · Wheat · Lemon Cream

HEX

#EFE4C0

RGB

rgb(239, 228, 192)

HSL

hsl(46, 59%, 85%)

HSB

hsb(46, 20%, 94%)

CMYK

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

Oklch

oklch(91.8% 0.049 93.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBAEB4

ADEBE4

Analogous

EBADD2

EBAEB4

EBC6AD

Triadic

EBAEB4

B4EBAD

ADB4EB

Split-Comp.

EBAEB4

ADEBC6

ADD2EB

Tetradic

EBAEB4

D2EBAD

ADEBE4

C6ADEB

Contrast Matrix WCAG 2.1 Contrast

EBAEB4	CB5868	B89248	E1CA73	EFE4C0
—	2.2 Fail	1.6 Fail	1.1 Fail	1.5 Fail
2.2 Fail	—	1.4 Fail	2.5 Fail	3.2 AA Large
1.6 Fail	1.4 Fail	—	1.8 Fail	2.3 Fail
1.1 Fail	2.5 Fail	1.8 Fail	—	1.3 Fail
1.5 Fail	3.2 AA Large	2.3 Fail	1.3 Fail	—

White BG

1.9Fail

4.1AA Large

2.9Fail

1.6Fail

1.3Fail

Black BG

11.2AAA

5.1AA

7.2AAA

12.9AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D0B3

999864

A8A75A

D7D788

EAEAC9

Deuteranopia

D4D9B2

A0A963

AAAD5E

D8DA8D

EBECCB

Tritanopia

E8B1B1

C56160

B6686B

E0999C

EED0D1

Achromatopsia

C1C1C1

7C7C7C

959595

C7C7C7

E3E3E3

Shades & Tints Shades & Tints

#EBAEB4

Dark

Light

#CB5868

Dark

Light

#B89248

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebaeb4;
  --color-2: #cb5868;
  --color-3: #b89248;
  --color-4: #e1ca73;
  --color-5: #efe4c0;
}

SCSS

$color-1: #ebaeb4;
$color-2: #cb5868;
$color-3: #b89248;
$color-4: #e1ca73;
$color-5: #efe4c0;

TAILWIND

colors: {
  'brand-1': '#ebaeb4',
  'brand-2': '#cb5868',
  'brand-3': '#b89248',
  'brand-4': '#e1ca73',
  'brand-5': '#efe4c0',
}

RGB Array

[235, 174, 180], [203, 88, 104], [184, 146, 72], [225, 202, 115], [239, 228, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EBAEB4, #CB5868, #B89248, #E1CA73, #EFE4C0 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: #ebaeb4; --color-2: #cb5868; --color-3: #b89248; --color-4: #e1ca73; --color-5: #efe4c0. 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 warm-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