← Back to Editor

#1A1814 · #EDDEC2 · #976669 · #848B8C · #C3D7E8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1A1814

Ochre · Black · Amber Gold

HEX
#1A1814
RGB
rgb(26, 24, 20)
HSL
hsl(40, 13%, 9%)
HSB
hsb(40, 23%, 10%)
CMYK
cmyk(0%, 8%, 23%, 90%)
Oklch
oklch(21.0% 0.008 84.6)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#EDDEC2

Goose Yellow · Wheat · Peach Orange

HEX
#EDDEC2
RGB
rgb(237, 222, 194)
HSL
hsl(39, 54%, 85%)
HSB
hsb(39, 18%, 93%)
CMYK
cmyk(0%, 6%, 18%, 7%)
Oklch
oklch(90.5% 0.041 83.1)

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

#976669

Crimson · Gray · Passion Red

HEX
#976669
RGB
rgb(151, 102, 105)
HSL
hsl(356, 19%, 50%)
HSB
hsb(356, 32%, 59%)
CMYK
cmyk(0%, 32%, 30%, 41%)
Oklch
oklch(56.3% 0.064 15.3)

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

#848B8C

Ash · Gray · Warm Gray

HEX
#848B8C
RGB
rgb(132, 139, 140)
HSL
hsl(188, 3%, 53%)
HSB
hsb(188, 6%, 55%)
CMYK
cmyk(6%, 1%, 0%, 45%)
Oklch
oklch(63.1% 0.008 207.1)

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

#C3D7E8

Sky Blue · LightBlue · Sky Blue

HEX
#C3D7E8
RGB
rgb(195, 215, 232)
HSL
hsl(208, 45%, 84%)
HSB
hsb(208, 16%, 91%)
CMYK
cmyk(16%, 7%, 0%, 9%)
Oklch
oklch(86.9% 0.032 243.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1814
14161A

Analogous

1A1514
1A1814
191A14

Triadic

1A1814
141A18
18141A

Split-Comp.

1A1814
14191A
15141A

Tetradic

1A1814
141A15
14161A
1A1419

Contrast Matrix WCAG 2.1 Contrast

1A1814
EDDEC2
976669
848B8C
C3D7E8
—
13.4
AAA
3.7
AA Large
5.1
AA
12.0
AAA
13.4
AAA
—
3.6
AA Large
2.6
Fail
1.1
Fail
3.7
AA Large
3.6
AA Large
—
1.4
Fail
3.2
AA Large
5.1
AA
2.6
Fail
1.4
Fail
—
2.3
Fail
12.0
AAA
1.1
Fail
3.2
AA Large
2.3
Fail
—
White BG
17.7AAA
1.3Fail
4.8AA
3.5AA Large
1.5Fail
Black BG
1.2Fail
15.8AAA
4.4AA Large
6.1AA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

191915
E7E6C9
828168
87878C
CCCCE4

Deuteranopia

191915
E7E8CA
858868
87868C
CBC9E3

Tritanopia

1A1616
ECCECF
956868
848C8C
C4E1E0

Achromatopsia

181818
DFDFDF
757575
898989
D3D3D3

Shades & Tints Shades & Tints

#1A1814

Dark
Light

#EDDEC2

Dark
Light

#976669

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1814;
  --color-2: #eddec2;
  --color-3: #976669;
  --color-4: #848b8c;
  --color-5: #c3d7e8;
}

SCSS

$color-1: #1a1814;
$color-2: #eddec2;
$color-3: #976669;
$color-4: #848b8c;
$color-5: #c3d7e8;

TAILWIND

colors: {
  'brand-1': '#1a1814',
  'brand-2': '#eddec2',
  'brand-3': '#976669',
  'brand-4': '#848b8c',
  'brand-5': '#c3d7e8',
}

RGB Array

[26, 24, 20], [237, 222, 194], [151, 102, 105], [132, 139, 140], [195, 215, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1814, #EDDEC2, #976669, #848B8C, #C3D7E8 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: #1a1814; --color-2: #eddec2; --color-3: #976669; --color-4: #848b8c; --color-5: #c3d7e8. 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