← Back to Editor

#D6E8C7 · #CDF7EF · #DCE6B7 · #FFBF7C · #6EDFB6

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D6E8C7

Celadon · LightGray · Mint Green

HEX
#D6E8C7
RGB
rgb(214, 232, 199)
HSL
hsl(93, 42%, 85%)
HSB
hsb(93, 14%, 91%)
CMYK
cmyk(8%, 0%, 14%, 9%)
Oklch
oklch(90.9% 0.048 130.8)

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

#CDF7EF

Jade · Lavender · Glacier Blue

HEX
#CDF7EF
RGB
rgb(205, 247, 239)
HSL
hsl(169, 72%, 89%)
HSB
hsb(169, 17%, 97%)
CMYK
cmyk(17%, 0%, 3%, 3%)
Oklch
oklch(94.4% 0.044 182.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#DCE6B7

Willow Green · Wheat · Mint Green

HEX
#DCE6B7
RGB
rgb(220, 230, 183)
HSL
hsl(73, 48%, 81%)
HSB
hsb(73, 20%, 90%)
CMYK
cmyk(4%, 0%, 20%, 10%)
Oklch
oklch(90.5% 0.063 117.4)

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

#FFBF7C

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFBF7C
RGB
rgb(255, 191, 124)
HSL
hsl(31, 100%, 74%)
HSB
hsb(31, 51%, 100%)
CMYK
cmyk(0%, 25%, 51%, 0%)
Oklch
oklch(84.9% 0.112 66.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#6EDFB6

Jade · MediumAquaMarine · Apple Green

HEX
#6EDFB6
RGB
rgb(110, 223, 182)
HSL
hsl(158, 64%, 65%)
HSB
hsb(158, 51%, 87%)
CMYK
cmyk(51%, 0%, 18%, 13%)
Oklch
oklch(82.6% 0.120 167.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E8C7
DAC9E9

Analogous

E7E9C9
D6E8C7
C9E9CA

Triadic

D6E8C7
C9D7E9
E9C9D7

Split-Comp.

D6E8C7
CAC9E9
E9C9E7

Tetradic

D6E8C7
C9E7E9
DAC9E9
E9CAC9

Contrast Matrix WCAG 2.1 Contrast

D6E8C7
CDF7EF
DCE6B7
FFBF7C
6EDFB6
—
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.4
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.0
Fail
1.3
Fail
1.4
Fail
1.2
Fail
1.0
Fail
—
White BG
1.3Fail
1.2Fail
1.3Fail
1.6Fail
1.6Fail
Black BG
16.2AAA
18.1AAA
16.0AAA
13.0AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDECF
DFE0F1
E0E0C2
E3E38C
9FA0C0

Deuteranopia

DDDBD1
DDDAF1
E0DFC5
E7EC90
9890C2

Tritanopia

D7D5D7
CFF2F3
DDCBCD
FC999C
74C8C9

Achromatopsia

DFDFDF
EAEAEA
DEDEDE
CACACA
B9B9B9

Shades & Tints Shades & Tints

#D6E8C7

Dark
Light

#CDF7EF

Dark
Light

#DCE6B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e8c7;
  --color-2: #cdf7ef;
  --color-3: #dce6b7;
  --color-4: #ffbf7c;
  --color-5: #6edfb6;
}

SCSS

$color-1: #d6e8c7;
$color-2: #cdf7ef;
$color-3: #dce6b7;
$color-4: #ffbf7c;
$color-5: #6edfb6;

TAILWIND

colors: {
  'brand-1': '#d6e8c7',
  'brand-2': '#cdf7ef',
  'brand-3': '#dce6b7',
  'brand-4': '#ffbf7c',
  'brand-5': '#6edfb6',
}

RGB Array

[214, 232, 199], [205, 247, 239], [220, 230, 183], [255, 191, 124], [110, 223, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D6E8C7, #CDF7EF, #DCE6B7, #FFBF7C, #6EDFB6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d6e8c7; --color-2: #cdf7ef; --color-3: #dce6b7; --color-4: #ffbf7c; --color-5: #6edfb6. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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