← Back to Editor

#1C1B1C · #585254 · #85657F · #69465A · #CDBFBC

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

#1C1B1C

Ink Black · Black · Dark Stone

HEX
#1C1B1C
RGB
rgb(28, 27, 28)
HSL
hsl(300, 2%, 11%)
HSB
hsb(300, 4%, 11%)
CMYK
cmyk(0%, 4%, 0%, 89%)
Oklch
oklch(22.4% 0.002 325.7)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#585254

Ink Gray · DimGray · Charcoal

HEX
#585254
RGB
rgb(88, 82, 84)
HSL
hsl(340, 4%, 33%)
HSB
hsb(340, 7%, 35%)
CMYK
cmyk(0%, 7%, 5%, 65%)
Oklch
oklch(44.5% 0.008 355.1)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#85657F

Rose Purple · Gray · Violet

HEX
#85657F
RGB
rgb(133, 101, 127)
HSL
hsl(311, 14%, 46%)
HSB
hsb(311, 24%, 52%)
CMYK
cmyk(0%, 24%, 5%, 48%)
Oklch
oklch(54.8% 0.056 332.9)

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

#69465A

Rose Purple · DimGray · Camellia

HEX
#69465A
RGB
rgb(105, 70, 90)
HSL
hsl(326, 20%, 34%)
HSB
hsb(326, 33%, 41%)
CMYK
cmyk(0%, 33%, 14%, 59%)
Oklch
oklch(44.0% 0.056 344.4)

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

#CDBFBC

Peach Pink · Silver · Coral Red

HEX
#CDBFBC
RGB
rgb(205, 191, 188)
HSL
hsl(11, 15%, 77%)
HSB
hsb(11, 8%, 80%)
CMYK
cmyk(0%, 7%, 8%, 20%)
Oklch
oklch(81.5% 0.016 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1B1C
1B1D1B

Analogous

1C1B1D
1C1B1C
1D1B1C

Triadic

1C1B1C
1D1D1B
1B1D1D

Split-Comp.

1C1B1C
1C1D1B
1B1D1C

Tetradic

1C1B1C
1D1C1B
1B1D1B
1B1C1D

Contrast Matrix WCAG 2.1 Contrast

1C1B1C
585254
85657F
69465A
CDBFBC
—
2.2
Fail
3.4
AA Large
2.1
Fail
9.6
AAA
2.2
Fail
—
1.5
Fail
1.0
Fail
4.3
AA Large
3.4
AA Large
1.5
Fail
—
1.6
Fail
2.8
Fail
2.1
Fail
1.0
Fail
1.6
Fail
—
4.5
AA Large
9.6
AAA
4.3
AA Large
2.8
Fail
4.5
AA Large
—
White BG
17.2AAA
7.6AAA
5.0AA
8.0AAA
1.8Fail
Black BG
1.2Fail
2.7Fail
4.2AA Large
2.6Fail
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C1C
555554
777779
5A5A55
C7C7BD

Deuteranopia

1C1C1C
565653
797B77
5C5F54
C8C9BD

Tritanopia

1C1C1C
585353
837473
675151
CCBDBD

Achromatopsia

1B1B1B
545454
727272
535353
C3C3C3

Shades & Tints Shades & Tints

#1C1B1C

Dark
Light

#585254

Dark
Light

#85657F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1b1c;
  --color-2: #585254;
  --color-3: #85657f;
  --color-4: #69465a;
  --color-5: #cdbfbc;
}

SCSS

$color-1: #1c1b1c;
$color-2: #585254;
$color-3: #85657f;
$color-4: #69465a;
$color-5: #cdbfbc;

TAILWIND

colors: {
  'brand-1': '#1c1b1c',
  'brand-2': '#585254',
  'brand-3': '#85657f',
  'brand-4': '#69465a',
  'brand-5': '#cdbfbc',
}

RGB Array

[28, 27, 28], [88, 82, 84], [133, 101, 127], [105, 70, 90], [205, 191, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1B1C, #585254, #85657F, #69465A, #CDBFBC is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1c1b1c; --color-2: #585254; --color-3: #85657f; --color-4: #69465a; --color-5: #cdbfbc. 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. Restrained colors convey professionalism and trust. 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