← Back to Editor

#FCF5C3 · #91AF70 · #5D7959 · #374435 · #141614

dark

A 5-color dark 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

#FCF5C3

Fresh Green · Bisque · Lemon Cream

HEX
#FCF5C3
RGB
rgb(252, 245, 195)
HSL
hsl(53, 90%, 88%)
HSB
hsb(53, 23%, 99%)
CMYK
cmyk(0%, 3%, 23%, 1%)
Oklch
oklch(96.3% 0.065 100.9)

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

#91AF70

Grass Green · DarkSeaGreen · Olive Green

HEX
#91AF70
RGB
rgb(145, 175, 112)
HSL
hsl(89, 28%, 56%)
HSB
hsb(89, 36%, 69%)
CMYK
cmyk(17%, 0%, 36%, 31%)
Oklch
oklch(71.6% 0.093 129.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#5D7959

Celadon · DimGray · Olive Green

HEX
#5D7959
RGB
rgb(93, 121, 89)
HSL
hsl(113, 15%, 41%)
HSB
hsb(113, 26%, 47%)
CMYK
cmyk(23%, 0%, 26%, 53%)
Oklch
oklch(54.5% 0.059 141.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#374435

Celadon · DarkSlateGray · Forest Green

HEX
#374435
RGB
rgb(55, 68, 53)
HSL
hsl(112, 12%, 24%)
HSB
hsb(112, 22%, 27%)
CMYK
cmyk(19%, 0%, 22%, 73%)
Oklch
oklch(37.0% 0.030 141.4)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#141614

Ink Black · Black · Jet Black

HEX
#141614
RGB
rgb(20, 22, 20)
HSL
hsl(120, 5%, 8%)
HSB
hsb(120, 9%, 9%)
CMYK
cmyk(9%, 0%, 9%, 91%)
Oklch
oklch(19.7% 0.005 145.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF5C3
C5CBFC

Analogous

FCDAC5
FCF5C3
E7FCC5

Triadic

FCF5C3
C5FCF6
F6C5FC

Split-Comp.

FCF5C3
C5E7FC
DAC5FC

Tetradic

FCF5C3
C5FCDA
C5CBFC
FCC5E7

Contrast Matrix WCAG 2.1 Contrast

FCF5C3
91AF70
5D7959
374435
141614
—
2.2
Fail
4.4
AA Large
9.3
AAA
16.4
AAA
2.2
Fail
—
2.0
Fail
4.2
AA Large
7.4
AAA
4.4
AA Large
2.0
Fail
—
2.1
Fail
3.8
AA Large
9.3
AAA
4.2
AA Large
2.1
Fail
—
1.8
Fail
16.4
AAA
7.4
AAA
3.8
AA Large
1.8
Fail
—
White BG
1.1Fail
2.5Fail
4.8AA
10.3AAA
18.2AAA
Black BG
19.0AAA
8.6AAA
4.3AA Large
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9CF
9E9E7F
696961
3D3D39
151514

Deuteranopia

F9FAD2
9C9A83
686563
3C3B39
151515

Tritanopia

FCD9DB
938B8E
5E6768
383B3C
141515

Achromatopsia

F1F1F1
9F9F9F
6D6D6D
3E3E3E
151515

Shades & Tints Shades & Tints

#FCF5C3

Dark
Light

#91AF70

Dark
Light

#5D7959

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf5c3;
  --color-2: #91af70;
  --color-3: #5d7959;
  --color-4: #374435;
  --color-5: #141614;
}

SCSS

$color-1: #fcf5c3;
$color-2: #91af70;
$color-3: #5d7959;
$color-4: #374435;
$color-5: #141614;

TAILWIND

colors: {
  'brand-1': '#fcf5c3',
  'brand-2': '#91af70',
  'brand-3': '#5d7959',
  'brand-4': '#374435',
  'brand-5': '#141614',
}

RGB Array

[252, 245, 195], [145, 175, 112], [93, 121, 89], [55, 68, 53], [20, 22, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FCF5C3, #91AF70, #5D7959, #374435, #141614 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: #fcf5c3; --color-2: #91af70; --color-3: #5d7959; --color-4: #374435; --color-5: #141614. 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 dark-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