#CC9966 + #CC9999 + #CC99CC + #C0C2EC + #EDD5AE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CC9966

Ginger · DarkSalmon · Warm Sun

HEX

#CC9966

RGB

rgb(204, 153, 102)

HSL

hsl(30, 50%, 60%)

HSB

hsb(30, 50%, 80%)

CMYK

cmyk(0%, 25%, 50%, 20%)

Oklch

oklch(72.0% 0.091 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CC9999

Peach Pink · Tan · Coral Red

HEX

#CC9999

RGB

rgb(204, 153, 153)

HSL

hsl(0, 33%, 70%)

HSB

hsb(0, 25%, 80%)

CMYK

cmyk(0%, 25%, 25%, 20%)

Oklch

oklch(73.1% 0.061 18.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CC99CC

Mauve · Silver · Lilac Purple

HEX

#CC99CC

RGB

rgb(204, 153, 204)

HSL

hsl(300, 33%, 70%)

HSB

hsb(300, 25%, 80%)

CMYK

cmyk(0%, 25%, 0%, 20%)

Oklch

oklch(74.7% 0.091 326.4)

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

#C0C2EC

Azure · LightSteelBlue · Sky Blue

HEX

#C0C2EC

RGB

rgb(192, 194, 236)

HSL

hsl(237, 54%, 84%)

HSB

hsb(237, 19%, 93%)

CMYK

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

Oklch

oklch(82.6% 0.059 282.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#EDD5AE

Goose Yellow · Wheat · Peach Orange

HEX

#EDD5AE

RGB

rgb(237, 213, 174)

HSL

hsl(37, 64%, 81%)

HSB

hsb(37, 27%, 93%)

CMYK

cmyk(0%, 10%, 27%, 7%)

Oklch

oklch(88.3% 0.058 79.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC9966

6699CC

Analogous

CC6666

CC9966

CCCC66

Triadic

CC9966

66CC99

9966CC

Split-Comp.

CC9966

66CCCC

6666CC

Tetradic

CC9966

66CC66

6699CC

CC66CC

Contrast Matrix WCAG 2.1 Contrast

CC9966	CC9999	CC99CC	C0C2EC	EDD5AE
—	1.0 Fail	1.1 Fail	1.5 Fail	1.8 Fail
1.0 Fail	—	1.0 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.0 Fail	—	1.4 Fail	1.6 Fail
1.5 Fail	1.4 Fail	1.4 Fail	—	1.2 Fail
1.8 Fail	1.7 Fail	1.6 Fail	1.2 Fail	—

White BG

2.5Fail

2.4Fail

2.3Fail

1.7Fail

1.4Fail

Black BG

8.3AAA

8.6AAA

9.0AAA

12.2AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B572

B6B599

B6B5C0

C1C1E2

E3E2B7

Deuteranopia

B9BD75

B9BD99

B9BDBD

C1C1DF

E4E6BA

Tritanopia

C97C7E

C99999

C9B6B4

C0DAD8

ECBFC1

Achromatopsia

A2A2A2

A8A8A8

AEAEAE

C6C6C6

D8D8D8

Shades & Tints Shades & Tints

#CC9966

Dark

Light

#CC9999

Dark

Light

#CC99CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc9966;
  --color-2: #cc9999;
  --color-3: #cc99cc;
  --color-4: #c0c2ec;
  --color-5: #edd5ae;
}

SCSS

$color-1: #cc9966;
$color-2: #cc9999;
$color-3: #cc99cc;
$color-4: #c0c2ec;
$color-5: #edd5ae;

TAILWIND

colors: {
  'brand-1': '#cc9966',
  'brand-2': '#cc9999',
  'brand-3': '#cc99cc',
  'brand-4': '#c0c2ec',
  'brand-5': '#edd5ae',
}

RGB Array

[204, 153, 102], [204, 153, 153], [204, 153, 204], [192, 194, 236], [237, 213, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC9966, #CC9999, #CC99CC, #C0C2EC, #EDD5AE 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: #cc9966; --color-2: #cc9999; --color-3: #cc99cc; --color-4: #c0c2ec; --color-5: #edd5ae. 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 general-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