← Back to Editor

#080807 · #989893 · #D1CD89 · #F1EA9B · #FFFBC9

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

#080807

Ink Black · Black · Jet Black

HEX
#080807
RGB
rgb(8, 8, 7)
HSL
hsl(60, 7%, 3%)
HSB
hsb(60, 13%, 3%)
CMYK
cmyk(0%, 0%, 12%, 97%)
Oklch
oklch(13.4% 0.003 106.7)

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

#989893

Ash · DarkGray · Silver Sand

HEX
#989893
RGB
rgb(152, 152, 147)
HSL
hsl(60, 2%, 59%)
HSB
hsb(60, 3%, 60%)
CMYK
cmyk(0%, 0%, 3%, 40%)
Oklch
oklch(67.8% 0.007 106.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D1CD89

Fresh Green · BurlyWood · Sunflower

HEX
#D1CD89
RGB
rgb(209, 205, 137)
HSL
hsl(57, 44%, 68%)
HSB
hsb(57, 34%, 82%)
CMYK
cmyk(0%, 2%, 34%, 18%)
Oklch
oklch(83.6% 0.088 105.3)

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

#F1EA9B

Fresh Green · Khaki · Lemon Cream

HEX
#F1EA9B
RGB
rgb(241, 234, 155)
HSL
hsl(55, 75%, 78%)
HSB
hsb(55, 36%, 95%)
CMYK
cmyk(0%, 3%, 36%, 5%)
Oklch
oklch(92.5% 0.100 103.8)

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

#FFFBC9

Fresh Green · Beige · Lemon Cream

HEX
#FFFBC9
RGB
rgb(255, 251, 201)
HSL
hsl(56, 100%, 89%)
HSB
hsb(56, 21%, 100%)
CMYK
cmyk(0%, 2%, 21%, 0%)
Oklch
oklch(97.9% 0.064 103.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080807
070708

Analogous

080807
080807
080807

Triadic

080807
070808
080708

Split-Comp.

080807
070808
080708

Tetradic

080807
070808
070708
080708

Contrast Matrix WCAG 2.1 Contrast

080807
989893
D1CD89
F1EA9B
FFFBC9
—
6.9
AA
12.2
AAA
16.2
AAA
19.0
AAA
6.9
AA
—
1.8
Fail
2.3
Fail
2.7
Fail
12.2
AAA
1.8
Fail
—
1.3
Fail
1.6
Fail
16.2
AAA
2.3
Fail
1.3
Fail
—
1.2
Fail
19.0
AAA
2.7
Fail
1.6
Fail
1.2
Fail
—
White BG
20.0AAA
2.9Fail
1.6Fail
1.2Fail
1.1Fail
Black BG
1.0Fail
7.2AAA
12.8AAA
17.0AAA
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080807
989894
CFCF99
EEEEAE
FDFDD5

Deuteranopia

080807
989895
D0D09D
EEEFB3
FEFED8

Tritanopia

080707
989595
D1A6A9
F1BDC1
FFDFE1

Achromatopsia

080808
979797
C6C6C6
E3E3E3
F6F6F6

Shades & Tints Shades & Tints

#080807

Dark
Light

#989893

Dark
Light

#D1CD89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080807;
  --color-2: #989893;
  --color-3: #d1cd89;
  --color-4: #f1ea9b;
  --color-5: #fffbc9;
}

SCSS

$color-1: #080807;
$color-2: #989893;
$color-3: #d1cd89;
$color-4: #f1ea9b;
$color-5: #fffbc9;

TAILWIND

colors: {
  'brand-1': '#080807',
  'brand-2': '#989893',
  'brand-3': '#d1cd89',
  'brand-4': '#f1ea9b',
  'brand-5': '#fffbc9',
}

RGB Array

[8, 8, 7], [152, 152, 147], [209, 205, 137], [241, 234, 155], [255, 251, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080807, #989893, #D1CD89, #F1EA9B, #FFFBC9 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: #080807; --color-2: #989893; --color-3: #d1cd89; --color-4: #f1ea9b; --color-5: #fffbc9. 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