← Back to Editor

#29282D · #CFCECD · #8F8C87 · #DF3732 · #E4D7C6

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#29282D

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#29282D
RGB
rgb(41, 40, 45)
HSL
hsl(252, 6%, 17%)
HSB
hsb(252, 11%, 18%)
CMYK
cmyk(9%, 11%, 0%, 82%)
Oklch
oklch(28.0% 0.009 295.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#CFCECD

Silver Gray · LightGray · Pearl Gray

HEX
#CFCECD
RGB
rgb(207, 206, 205)
HSL
hsl(30, 2%, 81%)
HSB
hsb(30, 1%, 81%)
CMYK
cmyk(0%, 0%, 1%, 19%)
Oklch
oklch(85.2% 0.002 67.8)

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

#8F8C87

Ash · Gray · Warm Gray

HEX
#8F8C87
RGB
rgb(143, 140, 135)
HSL
hsl(38, 3%, 55%)
HSB
hsb(38, 6%, 56%)
CMYK
cmyk(0%, 2%, 6%, 44%)
Oklch
oklch(64.1% 0.008 80.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#DF3732

Vermilion · Crimson · Passion Red

HEX
#DF3732
RGB
rgb(223, 55, 50)
HSL
hsl(2, 73%, 54%)
HSB
hsb(2, 78%, 87%)
CMYK
cmyk(0%, 75%, 78%, 13%)
Oklch
oklch(59.6% 0.205 27.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E4D7C6

Goose Yellow · LightGray · Peach Orange

HEX
#E4D7C6
RGB
rgb(228, 215, 198)
HSL
hsl(34, 36%, 84%)
HSB
hsb(34, 13%, 89%)
CMYK
cmyk(0%, 6%, 13%, 11%)
Oklch
oklch(88.5% 0.027 74.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29282D
2D2E29

Analogous

292A2E
29282D
2C292E

Triadic

29282D
2E2A29
292E2A

Split-Comp.

29282D
2E2C29
2A2E29

Tetradic

29282D
2E292A
2D2E29
292E2C

Contrast Matrix WCAG 2.1 Contrast

29282D
CFCECD
8F8C87
DF3732
E4D7C6
—
9.3
AAA
4.4
AA Large
3.3
AA Large
10.3
AAA
9.3
AAA
—
2.1
Fail
2.8
Fail
1.1
Fail
4.4
AA Large
2.1
Fail
—
1.3
Fail
2.4
Fail
3.3
AA Large
2.8
Fail
1.3
Fail
—
3.1
AA Large
10.3
AAA
1.1
Fail
2.4
Fail
3.1
AA Large
—
White BG
14.6AAA
1.6Fail
3.3AA Large
4.4AA Large
1.4Fail
Black BG
1.4Fail
13.4AAA
6.3AA
4.7AA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29292C
CFCFCD
8E8E88
969533
DEDECA

Deuteranopia

29292C
CFCFCD
8E8E89
A0AD34
DFE0CB

Tritanopia

292B2B
CFCDCD
8F8989
D73434
E3CDCE

Achromatopsia

292929
CECECE
8C8C8C
696969
D9D9D9

Shades & Tints Shades & Tints

#29282D

Dark
Light

#CFCECD

Dark
Light

#8F8C87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29282d;
  --color-2: #cfcecd;
  --color-3: #8f8c87;
  --color-4: #df3732;
  --color-5: #e4d7c6;
}

SCSS

$color-1: #29282d;
$color-2: #cfcecd;
$color-3: #8f8c87;
$color-4: #df3732;
$color-5: #e4d7c6;

TAILWIND

colors: {
  'brand-1': '#29282d',
  'brand-2': '#cfcecd',
  'brand-3': '#8f8c87',
  'brand-4': '#df3732',
  'brand-5': '#e4d7c6',
}

RGB Array

[41, 40, 45], [207, 206, 205], [143, 140, 135], [223, 55, 50], [228, 215, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #29282D, #CFCECD, #8F8C87, #DF3732, #E4D7C6 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: #29282d; --color-2: #cfcecd; --color-3: #8f8c87; --color-4: #df3732; --color-5: #e4d7c6. 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 minimal-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