#EBEBEF + #C4D3A9 + #DCAAB0 + #F089B2 + #F64998 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBEBEF

Wisteria · Lavender · Sky Blue

HEX

#EBEBEF

RGB

rgb(235, 235, 239)

HSL

hsl(240, 11%, 93%)

HSB

hsb(240, 2%, 94%)

CMYK

cmyk(2%, 2%, 0%, 6%)

Oklch

oklch(94.1% 0.005 286.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C4D3A9

Willow Green · Silver · Apple Green

HEX

#C4D3A9

RGB

rgb(196, 211, 169)

HSL

hsl(81, 32%, 75%)

HSB

hsb(81, 20%, 83%)

CMYK

cmyk(7%, 0%, 20%, 17%)

Oklch

oklch(84.5% 0.059 123.6)

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

#DCAAB0

Peach Pink · Tan · Coral Red

HEX

#DCAAB0

RGB

rgb(220, 170, 176)

HSL

hsl(353, 42%, 76%)

HSB

hsb(353, 23%, 86%)

CMYK

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

Oklch

oklch(78.5% 0.059 10.5)

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

#F089B2

Rouge · Orchid · Rose Pink

HEX

#F089B2

RGB

rgb(240, 137, 178)

HSL

hsl(336, 77%, 74%)

HSB

hsb(336, 43%, 94%)

CMYK

cmyk(0%, 43%, 26%, 6%)

Oklch

oklch(75.2% 0.133 355.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F64998

Rouge · DeepPink · Rose Pink

HEX

#F64998

RGB

rgb(246, 73, 152)

HSL

hsl(333, 91%, 63%)

HSB

hsb(333, 70%, 96%)

CMYK

cmyk(0%, 70%, 38%, 4%)

Oklch

oklch(67.2% 0.218 356.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEBEF

EFEFEB

Analogous

EBEDEF

EBEBEF

EDEBEF

Triadic

EBEBEF

EFEBEB

EBEFEB

Split-Comp.

EBEBEF

EFEDEB

EDEFEB

Tetradic

EBEBEF

EFEBED

EFEFEB

EBEFED

Contrast Matrix WCAG 2.1 Contrast

EBEBEF	C4D3A9	DCAAB0	F089B2	F64998
—	1.3 Fail	1.7 Fail	2.0 Fail	2.8 Fail
1.3 Fail	—	1.3 Fail	1.5 Fail	2.1 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.6 Fail
2.0 Fail	1.5 Fail	1.2 Fail	—	1.4 Fail
2.8 Fail	2.1 Fail	1.6 Fail	1.4 Fail	—

White BG

1.2Fail

1.6Fail

2.0Fail

2.4Fail

3.3AA Large

Black BG

17.7AAA

13.2AAA

10.4AAA

8.9AAA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBEE

CACBB3

C6C6AF

C3C2A8

ABAA85

Deuteranopia

EBEBEE

CAC9B6

C9CDAE

C9D1A6

B5C280

Tritanopia

EBEDED

C5BBBD

DAADAD

EBA09F

ED7672

Achromatopsia

EBEBEB

CACACA

BABABA

ACACAC

868686

Shades & Tints Shades & Tints

#EBEBEF

Dark

Light

#C4D3A9

Dark

Light

#DCAAB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebebef;
  --color-2: #c4d3a9;
  --color-3: #dcaab0;
  --color-4: #f089b2;
  --color-5: #f64998;
}

SCSS

$color-1: #ebebef;
$color-2: #c4d3a9;
$color-3: #dcaab0;
$color-4: #f089b2;
$color-5: #f64998;

TAILWIND

colors: {
  'brand-1': '#ebebef',
  'brand-2': '#c4d3a9',
  'brand-3': '#dcaab0',
  'brand-4': '#f089b2',
  'brand-5': '#f64998',
}

RGB Array

[235, 235, 239], [196, 211, 169], [220, 170, 176], [240, 137, 178], [246, 73, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EBEBEF, #C4D3A9, #DCAAB0, #F089B2, #F64998 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: #ebebef; --color-2: #c4d3a9; --color-3: #dcaab0; --color-4: #f089b2; --color-5: #f64998. 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