← Back to Editor

#CEC0DA · #A79FA5 · #0C0309 · #E3A07C · #967969

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CEC0DA

Lilac · LightGray · Lilac Purple

HEX
#CEC0DA
RGB
rgb(206, 192, 218)
HSL
hsl(272, 26%, 80%)
HSB
hsb(272, 12%, 85%)
CMYK
cmyk(6%, 12%, 0%, 15%)
Oklch
oklch(82.7% 0.039 309.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#A79FA5

Ash · DarkGray · Silver Sand

HEX
#A79FA5
RGB
rgb(167, 159, 165)
HSL
hsl(315, 4%, 64%)
HSB
hsb(315, 5%, 65%)
CMYK
cmyk(0%, 5%, 1%, 35%)
Oklch
oklch(71.1% 0.013 334.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#0C0309

Rose Purple · Black · Raspberry

HEX
#0C0309
RGB
rgb(12, 3, 9)
HSL
hsl(320, 60%, 3%)
HSB
hsb(320, 75%, 5%)
CMYK
cmyk(0%, 75%, 25%, 95%)
Oklch
oklch(12.1% 0.027 338.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#E3A07C

Apricot · DarkSalmon · Warm Sun

HEX
#E3A07C
RGB
rgb(227, 160, 124)
HSL
hsl(21, 65%, 69%)
HSB
hsb(21, 45%, 89%)
CMYK
cmyk(0%, 30%, 45%, 11%)
Oklch
oklch(76.2% 0.094 49.1)

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

#967969

Tangerine · Gray · Amber Brown

HEX
#967969
RGB
rgb(150, 121, 105)
HSL
hsl(21, 18%, 50%)
HSB
hsb(21, 30%, 59%)
CMYK
cmyk(0%, 19%, 30%, 41%)
Oklch
oklch(59.9% 0.043 50.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC0DA
CBD9BF

Analogous

C0BFD9
CEC0DA
D9BFD8

Triadic

CEC0DA
D9CDBF
BFD9CD

Split-Comp.

CEC0DA
D8D9BF
BFD9C0

Tetradic

CEC0DA
D9C0BF
CBD9BF
BFD8D9

Contrast Matrix WCAG 2.1 Contrast

CEC0DA
A79FA5
0C0309
E3A07C
967969
—
1.5
Fail
11.8
AAA
1.3
Fail
2.3
Fail
1.5
Fail
—
7.9
AAA
1.2
Fail
1.6
Fail
11.8
AAA
7.9
AAA
—
9.3
AAA
5.1
AA
1.3
Fail
1.2
Fail
9.3
AAA
—
1.8
Fail
2.3
Fail
1.6
Fail
5.1
AA
1.8
Fail
—
White BG
1.7Fail
2.6Fail
20.3AAA
2.2Fail
4.0AA Large
Black BG
12.2AAA
8.1AAA
1.0Fail
9.6AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8D4
A4A3A4
080808
C6C585
89896D

Deuteranopia

C9CAD2
A4A5A3
090907
CACF87
8B8D6E

Tritanopia

CDCFCE
A7A2A2
0C0606
E08C8D
957071

Achromatopsia

C7C7C7
A2A2A2
060606
B0B0B0
808080

Shades & Tints Shades & Tints

#CEC0DA

Dark
Light

#A79FA5

Dark
Light

#0C0309

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec0da;
  --color-2: #a79fa5;
  --color-3: #0c0309;
  --color-4: #e3a07c;
  --color-5: #967969;
}

SCSS

$color-1: #cec0da;
$color-2: #a79fa5;
$color-3: #0c0309;
$color-4: #e3a07c;
$color-5: #967969;

TAILWIND

colors: {
  'brand-1': '#cec0da',
  'brand-2': '#a79fa5',
  'brand-3': '#0c0309',
  'brand-4': '#e3a07c',
  'brand-5': '#967969',
}

RGB Array

[206, 192, 218], [167, 159, 165], [12, 3, 9], [227, 160, 124], [150, 121, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEC0DA, #A79FA5, #0C0309, #E3A07C, #967969 is ideal for: 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: #cec0da; --color-2: #a79fa5; --color-3: #0c0309; --color-4: #e3a07c; --color-5: #967969. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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