#DEA8BE + #D6F1CD + #F6E086 + #E2C3BF + #F5DCCF · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEA8BE

Rouge · LightPink · Cherry Blossom

HEX

#DEA8BE

RGB

rgb(222, 168, 190)

HSL

hsl(336, 45%, 76%)

HSB

hsb(336, 24%, 87%)

CMYK

cmyk(0%, 24%, 14%, 13%)

Oklch

oklch(78.8% 0.069 352.5)

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

#D6F1CD

Emerald · LightGray · Mint Green

HEX

#D6F1CD

RGB

rgb(214, 241, 205)

HSL

hsl(105, 56%, 87%)

HSB

hsb(105, 15%, 95%)

CMYK

cmyk(11%, 0%, 15%, 5%)

Oklch

oklch(92.9% 0.056 137.9)

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

#F6E086

Goose Yellow · Khaki · Sunflower

HEX

#F6E086

RGB

rgb(246, 224, 134)

HSL

hsl(48, 86%, 75%)

HSB

hsb(48, 46%, 96%)

CMYK

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

Oklch

oklch(90.6% 0.113 96.0)

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

#E2C3BF

Peach Pink · LightGray · Cherry Blossom

HEX

#E2C3BF

RGB

rgb(226, 195, 191)

HSL

hsl(7, 38%, 82%)

HSB

hsb(7, 15%, 89%)

CMYK

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

Oklch

oklch(84.2% 0.036 26.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F5DCCF

Apricot · Bisque · Peach Orange

HEX

#F5DCCF

RGB

rgb(245, 220, 207)

HSL

hsl(21, 66%, 89%)

HSB

hsb(21, 16%, 96%)

CMYK

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

Oklch

oklch(91.1% 0.033 49.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEA8BE

A6DDC7

Analogous

DDA6D8

DEA8BE

DDACA6

Triadic

DEA8BE

BCDDA6

A6BCDD

Split-Comp.

DEA8BE

A6DDAC

A6D8DD

Tetradic

DEA8BE

D8DDA6

A6DDC7

ACA6DD

Contrast Matrix WCAG 2.1 Contrast

DEA8BE	D6F1CD	F6E086	E2C3BF	F5DCCF
—	1.7 Fail	1.5 Fail	1.2 Fail	1.5 Fail
1.7 Fail	—	1.1 Fail	1.4 Fail	1.1 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.0 Fail
1.2 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.5 Fail	1.1 Fail	1.0 Fail	1.3 Fail	—

White BG

2.0Fail

1.2Fail

1.3Fail

1.6Fail

1.3Fail

Black BG

10.5AAA

17.3AAA

15.9AAA

12.8AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6B9

E2E2D6

ECEC9C

D5D4C0

EAEAD2

Deuteranopia

CACEB7

E0DED8

EEEFA1

D6D9C0

ECEED3

Tritanopia

DBB4B4

D7DDDE

F5ADB1

E0C1C1

F4D5D5

Achromatopsia

BBBBBB

E5E5E5

DCDCDC

CCCCCC

E2E2E2

Shades & Tints Shades & Tints

#DEA8BE

Dark

Light

#D6F1CD

Dark

Light

#F6E086

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dea8be;
  --color-2: #d6f1cd;
  --color-3: #f6e086;
  --color-4: #e2c3bf;
  --color-5: #f5dccf;
}

SCSS

$color-1: #dea8be;
$color-2: #d6f1cd;
$color-3: #f6e086;
$color-4: #e2c3bf;
$color-5: #f5dccf;

TAILWIND

colors: {
  'brand-1': '#dea8be',
  'brand-2': '#d6f1cd',
  'brand-3': '#f6e086',
  'brand-4': '#e2c3bf',
  'brand-5': '#f5dccf',
}

RGB Array

[222, 168, 190], [214, 241, 205], [246, 224, 134], [226, 195, 191], [245, 220, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #DEA8BE, #D6F1CD, #F6E086, #E2C3BF, #F5DCCF 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: #dea8be; --color-2: #d6f1cd; --color-3: #f6e086; --color-4: #e2c3bf; --color-5: #f5dccf. 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