#C7D9C9 + #FFD9D3 + #E79C63 + #A9717C + #C39AAA · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7D9C9

Celadon · LightGray · Mint Green

HEX

#C7D9C9

RGB

rgb(199, 217, 201)

HSL

hsl(127, 19%, 82%)

HSB

hsb(127, 8%, 85%)

CMYK

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

Oklch

oklch(86.7% 0.029 148.6)

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

#FFD9D3

Peach Pink · Bisque · Cherry Blossom

HEX

#FFD9D3

RGB

rgb(255, 217, 211)

HSL

hsl(8, 100%, 91%)

HSB

hsb(8, 17%, 100%)

CMYK

cmyk(0%, 15%, 17%, 0%)

Oklch

oklch(91.6% 0.043 28.5)

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

#E79C63

Apricot · SandyBrown · Warm Sun

HEX

#E79C63

RGB

rgb(231, 156, 99)

HSL

hsl(26, 73%, 65%)

HSB

hsb(26, 57%, 91%)

CMYK

cmyk(0%, 32%, 57%, 9%)

Oklch

oklch(75.5% 0.116 57.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A9717C

Crimson · Gray · Passion Red

HEX

#A9717C

RGB

rgb(169, 113, 124)

HSL

hsl(348, 25%, 55%)

HSB

hsb(348, 33%, 66%)

CMYK

cmyk(0%, 33%, 27%, 34%)

Oklch

oklch(61.0% 0.072 6.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C39AAA

Rouge · DarkGray · Rose Pink

HEX

#C39AAA

RGB

rgb(195, 154, 170)

HSL

hsl(337, 25%, 68%)

HSB

hsb(337, 21%, 76%)

CMYK

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

Oklch

oklch(72.9% 0.053 353.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7D9C9

DAC8D8

Analogous

CFDAC8

C7D9C9

C8DAD3

Triadic

C7D9C9

CAC8DA

DACAC8

Split-Comp.

C7D9C9

D3C8DA

DAC8CF

Tetradic

C7D9C9

C8CFDA

DAC8D8

DAD3C8

Contrast Matrix WCAG 2.1 Contrast

C7D9C9	FFD9D3	E79C63	A9717C	C39AAA
—	1.1 Fail	1.5 Fail	2.7 Fail	1.7 Fail
1.1 Fail	—	1.7 Fail	3.0 AA Large	1.9 Fail
1.5 Fail	1.7 Fail	—	1.7 Fail	1.1 Fail
2.7 Fail	3.0 AA Large	1.7 Fail	—	1.6 Fail
1.7 Fail	1.9 Fail	1.1 Fail	1.6 Fail	—

White BG

1.5Fail

1.3Fail

2.2Fail

3.9AA Large

2.5Fail

Black BG

14.2AAA

16.1AAA

9.3AAA

5.3AA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFCD

EFEED4

C7C671

919079

B1B1A6

Deuteranopia

CECCCE

F1F4D5

CBD174

949879

B4B7A5

Tritanopia

C8D0D1

FDD6D6

E37C7E

A67777

C1A3A2

Achromatopsia

D2D2D2

E4E4E4

ACACAC

838383

A8A8A8

Shades & Tints Shades & Tints

#C7D9C9

Dark

Light

#FFD9D3

Dark

Light

#E79C63

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7d9c9;
  --color-2: #ffd9d3;
  --color-3: #e79c63;
  --color-4: #a9717c;
  --color-5: #c39aaa;
}

SCSS

$color-1: #c7d9c9;
$color-2: #ffd9d3;
$color-3: #e79c63;
$color-4: #a9717c;
$color-5: #c39aaa;

TAILWIND

colors: {
  'brand-1': '#c7d9c9',
  'brand-2': '#ffd9d3',
  'brand-3': '#e79c63',
  'brand-4': '#a9717c',
  'brand-5': '#c39aaa',
}

RGB Array

[199, 217, 201], [255, 217, 211], [231, 156, 99], [169, 113, 124], [195, 154, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C7D9C9, #FFD9D3, #E79C63, #A9717C, #C39AAA 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: #c7d9c9; --color-2: #ffd9d3; --color-3: #e79c63; --color-4: #a9717c; --color-5: #c39aaa. 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