#FFEBCF + #FAD7C4 + #ECBEC8 + #D7B0C2 + #B19FAF · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFEBCF

Goose Yellow · Bisque · Peach Orange

HEX

#FFEBCF

RGB

rgb(255, 235, 207)

HSL

hsl(35, 100%, 91%)

HSB

hsb(35, 19%, 100%)

CMYK

cmyk(0%, 8%, 19%, 0%)

Oklch

oklch(94.9% 0.043 76.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FAD7C4

Apricot · Bisque · Peach Orange

HEX

#FAD7C4

RGB

rgb(250, 215, 196)

HSL

hsl(21, 84%, 87%)

HSB

hsb(21, 22%, 98%)

CMYK

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

Oklch

oklch(90.4% 0.047 50.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#ECBEC8

Peach Pink · Pink · Cherry Blossom

HEX

#ECBEC8

RGB

rgb(236, 190, 200)

HSL

hsl(347, 55%, 84%)

HSB

hsb(347, 19%, 93%)

CMYK

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

Oklch

oklch(84.5% 0.054 3.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D7B0C2

Rouge · Silver · Cherry Blossom

HEX

#D7B0C2

RGB

rgb(215, 176, 194)

HSL

hsl(332, 33%, 77%)

HSB

hsb(332, 18%, 84%)

CMYK

cmyk(0%, 18%, 10%, 16%)

Oklch

oklch(79.7% 0.051 348.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B19FAF

Mauve · DarkGray · Lilac Purple

HEX

#B19FAF

RGB

rgb(177, 159, 175)

HSL

hsl(307, 10%, 66%)

HSB

hsb(307, 10%, 69%)

CMYK

cmyk(0%, 10%, 1%, 31%)

Oklch

oklch(72.3% 0.031 329.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBCF

D1E4FF

Analogous

FFD5D1

FFEBCF

FBFFD1

Triadic

FFEBCF

D1FFEC

ECD1FF

Split-Comp.

FFEBCF

D1FBFF

D5D1FF

Tetradic

FFEBCF

D1FFD5

D1E4FF

FFD1FB

Contrast Matrix WCAG 2.1 Contrast

FFEBCF	FAD7C4	ECBEC8	D7B0C2	B19FAF
—	1.2 Fail	1.4 Fail	1.7 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
2.1 Fail	1.8 Fail	1.5 Fail	1.3 Fail	—

White BG

1.2Fail

1.3Fail

1.6Fail

1.9Fail

2.5Fail

Black BG

18.0AAA

15.6AAA

12.8AAA

10.9AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D6

EBEBC9

D8D8C6

C6C6BE

A9A9AB

Deuteranopia

F8F9D7

EDF0CA

DBDEC5

C8CBBD

AAACAA

Tritanopia

FEDBDC

F8CCCD

EAC4C3

D5BAB9

B0A8A7

Achromatopsia

EEEEEE

DFDFDF

CDCDCD

BEBEBE

A6A6A6

Shades & Tints Shades & Tints

#FFEBCF

Dark

Light

#FAD7C4

Dark

Light

#ECBEC8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebcf;
  --color-2: #fad7c4;
  --color-3: #ecbec8;
  --color-4: #d7b0c2;
  --color-5: #b19faf;
}

SCSS

$color-1: #ffebcf;
$color-2: #fad7c4;
$color-3: #ecbec8;
$color-4: #d7b0c2;
$color-5: #b19faf;

TAILWIND

colors: {
  'brand-1': '#ffebcf',
  'brand-2': '#fad7c4',
  'brand-3': '#ecbec8',
  'brand-4': '#d7b0c2',
  'brand-5': '#b19faf',
}

RGB Array

[255, 235, 207], [250, 215, 196], [236, 190, 200], [215, 176, 194], [177, 159, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFEBCF, #FAD7C4, #ECBEC8, #D7B0C2, #B19FAF 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: #ffebcf; --color-2: #fad7c4; --color-3: #ecbec8; --color-4: #d7b0c2; --color-5: #b19faf. 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 sunset-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