#C6D0C6 + #D2DACC + #E1EBCF + #FFFFD5 + #FEF1CD · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C6D0C6

Celadon · Silver · Apple Green

HEX

#C6D0C6

RGB

rgb(198, 208, 198)

HSL

hsl(120, 10%, 80%)

HSB

hsb(120, 5%, 82%)

CMYK

cmyk(5%, 0%, 5%, 18%)

Oklch

oklch(84.7% 0.017 145.4)

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

#D2DACC

Celadon · LightGray · Mint Green

HEX

#D2DACC

RGB

rgb(210, 218, 204)

HSL

hsl(94, 16%, 83%)

HSB

hsb(94, 6%, 85%)

CMYK

cmyk(4%, 0%, 6%, 15%)

Oklch

oklch(87.8% 0.021 131.5)

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

#E1EBCF

Willow Green · Beige · Mint Green

HEX

#E1EBCF

RGB

rgb(225, 235, 207)

HSL

hsl(81, 41%, 87%)

HSB

hsb(81, 12%, 92%)

CMYK

cmyk(4%, 0%, 12%, 8%)

Oklch

oklch(92.5% 0.039 123.2)

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

#FFFFD5

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFFD5

RGB

rgb(255, 255, 213)

HSL

hsl(60, 100%, 92%)

HSB

hsb(60, 16%, 100%)

CMYK

cmyk(0%, 0%, 16%, 0%)

Oklch

oklch(98.9% 0.054 107.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEF1CD

Goose Yellow · Bisque · Lemon Cream

HEX

#FEF1CD

RGB

rgb(254, 241, 205)

HSL

hsl(44, 96%, 90%)

HSB

hsb(44, 19%, 100%)

CMYK

cmyk(0%, 5%, 19%, 0%)

Oklch

oklch(95.9% 0.049 90.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6D0C6

D1C7D1

Analogous

CCD1C7

C6D0C6

C7D1CC

Triadic

C6D0C6

C7C7D1

D1C7C7

Split-Comp.

C6D0C6

CCC7D1

D1C7CC

Tetradic

C6D0C6

C7CCD1

D1C7D1

D1CCC7

Contrast Matrix WCAG 2.1 Contrast

C6D0C6	D2DACC	E1EBCF	FFFFD5	FEF1CD
—	1.1 Fail	1.3 Fail	1.5 Fail	1.4 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

1.6Fail

1.4Fail

1.2Fail

1.0Fail

1.1Fail

Black BG

13.2AAA

14.6AAA

17.0AAA

20.5AAA

18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAC8

D5D6CF

E5E5D6

FFFFDF

F8F8D6

Deuteranopia

CAC9C9

D5D4D0

E5E4D7

FFFFE2

F9FAD8

Tritanopia

C7CACB

D2D2D3

E2DBDC

FFE7E9

FDDDDE

Achromatopsia

CCCCCC

D6D6D6

E5E5E5

FAFAFA

F1F1F1

Shades & Tints Shades & Tints

#C6D0C6

Dark

Light

#D2DACC

Dark

Light

#E1EBCF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6d0c6;
  --color-2: #d2dacc;
  --color-3: #e1ebcf;
  --color-4: #ffffd5;
  --color-5: #fef1cd;
}

SCSS

$color-1: #c6d0c6;
$color-2: #d2dacc;
$color-3: #e1ebcf;
$color-4: #ffffd5;
$color-5: #fef1cd;

TAILWIND

colors: {
  'brand-1': '#c6d0c6',
  'brand-2': '#d2dacc',
  'brand-3': '#e1ebcf',
  'brand-4': '#ffffd5',
  'brand-5': '#fef1cd',
}

RGB Array

[198, 208, 198], [210, 218, 204], [225, 235, 207], [255, 255, 213], [254, 241, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C6D0C6, #D2DACC, #E1EBCF, #FFFFD5, #FEF1CD 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: #c6d0c6; --color-2: #d2dacc; --color-3: #e1ebcf; --color-4: #ffffd5; --color-5: #fef1cd. 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