← Back to Editor

#1C1C18 · #52503F · #949454 · #D4D47F · #F7F798

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

#1C1C18

Autumn Sage · Black · Jet Black

HEX
#1C1C18
RGB
rgb(28, 28, 24)
HSL
hsl(60, 8%, 10%)
HSB
hsb(60, 14%, 11%)
CMYK
cmyk(0%, 0%, 14%, 89%)
Oklch
oklch(22.5% 0.008 107.0)

Traditional「Autumn Sage」· Paint「Jet Black」· Creative Midnight Shadow

#52503F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#52503F
RGB
rgb(82, 80, 63)
HSL
hsl(54, 13%, 28%)
HSB
hsb(54, 23%, 32%)
CMYK
cmyk(0%, 2%, 23%, 68%)
Oklch
oklch(42.8% 0.027 101.9)

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

#949454

Autumn Sage · Gray · Honey Gold

HEX
#949454
RGB
rgb(148, 148, 84)
HSL
hsl(60, 28%, 45%)
HSB
hsb(60, 43%, 58%)
CMYK
cmyk(0%, 0%, 43%, 42%)
Oklch
oklch(65.2% 0.086 108.6)

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

#D4D47F

Fresh Green · BurlyWood · Sunflower

HEX
#D4D47F
RGB
rgb(212, 212, 127)
HSL
hsl(60, 50%, 66%)
HSB
hsb(60, 40%, 83%)
CMYK
cmyk(0%, 0%, 40%, 17%)
Oklch
oklch(85.1% 0.107 108.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F7F798

Fresh Green · Khaki · Lemon Cream

HEX
#F7F798
RGB
rgb(247, 247, 152)
HSL
hsl(60, 86%, 78%)
HSB
hsb(60, 38%, 97%)
CMYK
cmyk(0%, 0%, 38%, 3%)
Oklch
oklch(95.6% 0.117 108.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1C18
17171C

Analogous

1C1A17
1C1C18
1A1C17

Triadic

1C1C18
171C1C
1C171C

Split-Comp.

1C1C18
171A1C
1A171C

Tetradic

1C1C18
171C1A
17171C
1C171A

Contrast Matrix WCAG 2.1 Contrast

1C1C18
52503F
949454
D4D47F
F7F798
—
2.1
Fail
5.4
AA
11.0
AAA
15.2
AAA
2.1
Fail
—
2.6
Fail
5.2
AA
7.3
AAA
5.4
AA
2.6
Fail
—
2.0
Fail
2.8
Fail
11.0
AAA
5.2
AA
2.0
Fail
—
1.4
Fail
15.2
AAA
7.3
AAA
2.8
Fail
1.4
Fail
—
White BG
17.1AAA
8.1AAA
3.2AA Large
1.6Fail
1.1Fail
Black BG
1.2Fail
2.6Fail
6.6AA
13.5AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C19
515143
949463
D4D494
F7F7AF

Deuteranopia

1C1C19
515144
949467
D4D499
F7F7B5

Tritanopia

1C1A1A
524647
947072
D4A4A7
F7C1C5

Achromatopsia

1C1C1C
4F4F4F
8D8D8D
CACACA
ECECEC

Shades & Tints Shades & Tints

#1C1C18

Dark
Light

#52503F

Dark
Light

#949454

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1c18;
  --color-2: #52503f;
  --color-3: #949454;
  --color-4: #d4d47f;
  --color-5: #f7f798;
}

SCSS

$color-1: #1c1c18;
$color-2: #52503f;
$color-3: #949454;
$color-4: #d4d47f;
$color-5: #f7f798;

TAILWIND

colors: {
  'brand-1': '#1c1c18',
  'brand-2': '#52503f',
  'brand-3': '#949454',
  'brand-4': '#d4d47f',
  'brand-5': '#f7f798',
}

RGB Array

[28, 28, 24], [82, 80, 63], [148, 148, 84], [212, 212, 127], [247, 247, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1C18, #52503F, #949454, #D4D47F, #F7F798 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: #1c1c18; --color-2: #52503f; --color-3: #949454; --color-4: #d4d47f; --color-5: #f7f798. 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