← Back to Editor

#C7CAC1 · #F6DACE · #CBB4A6 · #010100 · #E86269

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

#C7CAC1

Willow Green · Silver · Pearl Gray

HEX
#C7CAC1
RGB
rgb(199, 202, 193)
HSL
hsl(80, 8%, 77%)
HSB
hsb(80, 4%, 79%)
CMYK
cmyk(1%, 0%, 4%, 21%)
Oklch
oklch(83.4% 0.013 121.7)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#F6DACE

Apricot · Bisque · Peach Orange

HEX
#F6DACE
RGB
rgb(246, 218, 206)
HSL
hsl(18, 69%, 89%)
HSB
hsb(18, 16%, 96%)
CMYK
cmyk(0%, 11%, 16%, 4%)
Oklch
oklch(90.8% 0.035 44.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CBB4A6

Apricot · Tan · Warm Sun

HEX
#CBB4A6
RGB
rgb(203, 180, 166)
HSL
hsl(23, 26%, 72%)
HSB
hsb(23, 18%, 80%)
CMYK
cmyk(0%, 11%, 18%, 20%)
Oklch
oklch(78.6% 0.033 53.4)

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

#010100

Autumn Sage · Black · Amber Gold

HEX
#010100
RGB
rgb(1, 1, 0)
HSL
hsl(60, 100%, 0%)
HSB
hsb(60, 100%, 0%)
CMYK
cmyk(0%, 0%, 100%, 100%)
Oklch
oklch(6.5% 0.014 109.8)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#E86269

Peach Pink · Salmon · Coral Red

HEX
#E86269
RGB
rgb(232, 98, 105)
HSL
hsl(357, 74%, 65%)
HSB
hsb(357, 58%, 91%)
CMYK
cmyk(0%, 58%, 55%, 9%)
Oklch
oklch(66.6% 0.166 19.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7CAC1
C3C0C9

Analogous

C9C7C0
C7CAC1
C1C9C0

Triadic

C7CAC1
C0C6C9
C9C0C6

Split-Comp.

C7CAC1
C0C1C9
C7C0C9

Tetradic

C7CAC1
C0C9C7
C3C0C9
C9C0C1

Contrast Matrix WCAG 2.1 Contrast

C7CAC1
F6DACE
CBB4A6
010100
E86269
—
1.3
Fail
1.2
Fail
12.6
AAA
2.0
Fail
1.3
Fail
—
1.5
Fail
15.7
AAA
2.5
Fail
1.2
Fail
1.5
Fail
—
10.6
AAA
1.7
Fail
12.6
AAA
15.7
AAA
10.6
AAA
—
6.3
AA
2.0
Fail
2.5
Fail
1.7
Fail
6.3
AA
—
White BG
1.7Fail
1.3Fail
2.0Fail
20.9AAA
3.3AA Large
Black BG
12.6AAA
15.8AAA
10.6AAA
1.0Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8C3
EAEAD1
C1C1A9
010100
AEAD67

Deuteranopia

C8C8C4
ECEED2
C2C4AA
010100
B6C067

Tritanopia

C7C5C5
F5D3D4
CAACAD
010000
E16666

Achromatopsia

C8C8C8
E1E1E1
B9B9B9
010101
8B8B8B

Shades & Tints Shades & Tints

#C7CAC1

Dark
Light

#F6DACE

Dark
Light

#CBB4A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7cac1;
  --color-2: #f6dace;
  --color-3: #cbb4a6;
  --color-4: #010100;
  --color-5: #e86269;
}

SCSS

$color-1: #c7cac1;
$color-2: #f6dace;
$color-3: #cbb4a6;
$color-4: #010100;
$color-5: #e86269;

TAILWIND

colors: {
  'brand-1': '#c7cac1',
  'brand-2': '#f6dace',
  'brand-3': '#cbb4a6',
  'brand-4': '#010100',
  'brand-5': '#e86269',
}

RGB Array

[199, 202, 193], [246, 218, 206], [203, 180, 166], [1, 1, 0], [232, 98, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7CAC1, #F6DACE, #CBB4A6, #010100, #E86269 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: #c7cac1; --color-2: #f6dace; --color-3: #cbb4a6; --color-4: #010100; --color-5: #e86269. 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