← Back to Editor

#CC6F79 · #EECC68 · #171414 · #CB953F · #141212

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#CC6F79

Peach Pink · LightCoral · Coral Red

HEX
#CC6F79
RGB
rgb(204, 111, 121)
HSL
hsl(354, 48%, 62%)
HSB
hsb(354, 46%, 80%)
CMYK
cmyk(0%, 46%, 41%, 20%)
Oklch
oklch(64.9% 0.117 14.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EECC68

Ginger · BurlyWood · Sunflower

HEX
#EECC68
RGB
rgb(238, 204, 104)
HSL
hsl(45, 80%, 67%)
HSB
hsb(45, 56%, 93%)
CMYK
cmyk(0%, 14%, 56%, 7%)
Oklch
oklch(85.5% 0.125 90.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#171414

Ink Black · Black · Jet Black

HEX
#171414
RGB
rgb(23, 20, 20)
HSL
hsl(0, 7%, 8%)
HSB
hsb(0, 13%, 9%)
CMYK
cmyk(0%, 13%, 13%, 91%)
Oklch
oklch(19.5% 0.005 17.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#CB953F

Ginger · GoldenRod · Warm Sun

HEX
#CB953F
RGB
rgb(203, 149, 63)
HSL
hsl(37, 57%, 52%)
HSB
hsb(37, 69%, 80%)
CMYK
cmyk(0%, 27%, 69%, 20%)
Oklch
oklch(70.6% 0.120 76.0)

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

#141212

Ink Black · Black · Jet Black

HEX
#141212
RGB
rgb(20, 18, 18)
HSL
hsl(0, 5%, 7%)
HSB
hsb(0, 10%, 8%)
CMYK
cmyk(0%, 10%, 10%, 92%)
Oklch
oklch(18.5% 0.003 17.5)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC6F79
70CDC3

Analogous

CD70A7
CC6F79
CD9570

Triadic

CC6F79
79CD70
7079CD

Split-Comp.

CC6F79
70CD95
70A7CD

Tetradic

CC6F79
A7CD70
70CDC3
9570CD

Contrast Matrix WCAG 2.1 Contrast

CC6F79
EECC68
171414
CB953F
141212
—
2.2
Fail
5.3
AA
1.3
Fail
5.4
AA
2.2
Fail
—
11.7
AAA
1.7
Fail
12.0
AAA
5.3
AA
11.7
AAA
—
6.9
AA
1.0
Fail
1.3
Fail
1.7
Fail
6.9
AA
—
7.0
AAA
5.4
AA
12.0
AAA
1.0
Fail
7.0
AAA
—
White BG
3.4AA Large
1.6Fail
18.3AAA
2.7Fail
18.7AAA
Black BG
6.1AA
13.5AAA
1.1Fail
7.9AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A377
DFDF80
161614
B4B354
131312

Deuteranopia

A9B076
E1E486
161614
B7BB59
131312

Tritanopia

C77574
EC9398
171414
C86468
141212

Achromatopsia

8C8C8C
CBCBCB
151515
9B9B9B
131313

Shades & Tints Shades & Tints

#CC6F79

Dark
Light

#EECC68

Dark
Light

#171414

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc6f79;
  --color-2: #eecc68;
  --color-3: #171414;
  --color-4: #cb953f;
  --color-5: #141212;
}

SCSS

$color-1: #cc6f79;
$color-2: #eecc68;
$color-3: #171414;
$color-4: #cb953f;
$color-5: #141212;

TAILWIND

colors: {
  'brand-1': '#cc6f79',
  'brand-2': '#eecc68',
  'brand-3': '#171414',
  'brand-4': '#cb953f',
  'brand-5': '#141212',
}

RGB Array

[204, 111, 121], [238, 204, 104], [23, 20, 20], [203, 149, 63], [20, 18, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CC6F79, #EECC68, #171414, #CB953F, #141212 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #cc6f79; --color-2: #eecc68; --color-3: #171414; --color-4: #cb953f; --color-5: #141212. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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 pastel-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