← Back to Editor

#8E890F · #000000 · #DCE1E4 · #ECF0EF · #E8E6E7

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

#8E890F

Autumn Sage · Olive · Honey Gold

HEX
#8E890F
RGB
rgb(142, 137, 15)
HSL
hsl(58, 81%, 31%)
HSB
hsb(58, 89%, 56%)
CMYK
cmyk(0%, 4%, 89%, 44%)
Oklch
oklch(61.5% 0.128 107.0)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

#DCE1E4

Sky Blue · LightGray · Sky Blue

HEX
#DCE1E4
RGB
rgb(220, 225, 228)
HSL
hsl(203, 13%, 88%)
HSB
hsb(203, 4%, 89%)
CMYK
cmyk(4%, 1%, 0%, 11%)
Oklch
oklch(90.7% 0.007 233.6)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#ECF0EF

Jade · Lavender · Glacier Blue

HEX
#ECF0EF
RGB
rgb(236, 240, 239)
HSL
hsl(165, 12%, 93%)
HSB
hsb(165, 2%, 94%)
CMYK
cmyk(2%, 0%, 0%, 6%)
Oklch
oklch(95.2% 0.004 179.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#E8E6E7

Plain White · Lavender · Cloud White

HEX
#E8E6E7
RGB
rgb(232, 230, 231)
HSL
hsl(330, 4%, 91%)
HSB
hsb(330, 1%, 91%)
CMYK
cmyk(0%, 1%, 0%, 9%)
Oklch
oklch(92.7% 0.003 345.2)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E890F
0F138F

Analogous

8F4B0F
8E890F
538F0F

Triadic

8E890F
0F8F8B
8B0F8F

Split-Comp.

8E890F
0F538F
4B0F8F

Tetradic

8E890F
0F8F4B
0F138F
8F0F53

Contrast Matrix WCAG 2.1 Contrast

8E890F
000000
DCE1E4
ECF0EF
E8E6E7
—
5.7
AA
2.8
Fail
3.2
AA Large
2.9
Fail
5.7
AA
—
15.9
AAA
18.3
AAA
16.9
AAA
2.8
Fail
15.9
AAA
—
1.1
Fail
1.1
Fail
3.2
AA Large
18.3
AAA
1.1
Fail
—
1.1
Fail
2.9
Fail
16.9
AAA
1.1
Fail
1.1
Fail
—
White BG
3.7AA Large
21.0AAA
1.3Fail
1.1Fail
1.2Fail
Black BG
5.7AA
1.0Fail
15.9AAA
18.3AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C2D
000000
DEDEE3
EEEEEF
E7E7E7

Deuteranopia

8C8D34
000000
DEDEE3
EEEDEF
E7E7E7

Tritanopia

8E4449
000000
DCE3E3
ECEFEF
E8E7E7

Achromatopsia

7D7D7D
000000
E0E0E0
EFEFEF
E7E7E7

Shades & Tints Shades & Tints

#8E890F

Dark
Light

#000000

Dark
Light

#DCE1E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e890f;
  --color-2: #000000;
  --color-3: #dce1e4;
  --color-4: #ecf0ef;
  --color-5: #e8e6e7;
}

SCSS

$color-1: #8e890f;
$color-2: #000000;
$color-3: #dce1e4;
$color-4: #ecf0ef;
$color-5: #e8e6e7;

TAILWIND

colors: {
  'brand-1': '#8e890f',
  'brand-2': '#000000',
  'brand-3': '#dce1e4',
  'brand-4': '#ecf0ef',
  'brand-5': '#e8e6e7',
}

RGB Array

[142, 137, 15], [0, 0, 0], [220, 225, 228], [236, 240, 239], [232, 230, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #8E890F, #000000, #DCE1E4, #ECF0EF, #E8E6E7 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: #8e890f; --color-2: #000000; --color-3: #dce1e4; --color-4: #ecf0ef; --color-5: #e8e6e7. 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