← Back to Editor

#080807 · #B8B59C · #D9D6BD · #EDEBD3 · #FFFBD9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData 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

#B8B59C

Fresh Green · DarkGray · Sunflower

HEX
#B8B59C
RGB
rgb(184, 181, 156)
HSL
hsl(54, 16%, 67%)
HSB
hsb(54, 15%, 72%)
CMYK
cmyk(0%, 2%, 15%, 28%)
Oklch
oklch(76.9% 0.035 101.5)

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

#D9D6BD

Fresh Green · LightGray · Lemon Cream

HEX
#D9D6BD
RGB
rgb(217, 214, 189)
HSL
hsl(54, 27%, 80%)
HSB
hsb(54, 13%, 85%)
CMYK
cmyk(0%, 1%, 13%, 15%)
Oklch
oklch(87.2% 0.034 101.5)

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

#EDEBD3

Fresh Green · Beige · Lemon Cream

HEX
#EDEBD3
RGB
rgb(237, 235, 211)
HSL
hsl(55, 42%, 88%)
HSB
hsb(55, 11%, 93%)
CMYK
cmyk(0%, 1%, 11%, 7%)
Oklch
oklch(93.5% 0.032 103.1)

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

#FFFBD9

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFBD9
RGB
rgb(255, 251, 217)
HSL
hsl(54, 100%, 93%)
HSB
hsb(54, 15%, 100%)
CMYK
cmyk(0%, 2%, 15%, 0%)
Oklch
oklch(98.2% 0.044 101.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
B8B59C
D9D6BD
EDEBD3
FFFBD9
—
9.7
AAA
13.6
AAA
16.6
AAA
19.1
AAA
9.7
AAA
—
1.4
Fail
1.7
Fail
2.0
Fail
13.6
AAA
1.4
Fail
—
1.2
Fail
1.4
Fail
16.6
AAA
1.7
Fail
1.2
Fail
—
1.2
Fail
19.1
AAA
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
20.0AAA
2.1Fail
1.5Fail
1.2Fail
1.0Fail
Black BG
1.0Fail
10.1AAA
14.3AAA
17.4AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080807
B7B7A2
D8D8C3
ECECD9
FDFDE1

Deuteranopia

080807
B7B7A4
D8D8C5
ECECDA
FEFEE3

Tritanopia

080707
B8A7A8
D9C8C9
EDDDDE
FFE8E9

Achromatopsia

080808
B3B3B3
D4D4D4
E9E9E9
F8F8F8

Shades & Tints Shades & Tints

#080807

Dark
Light

#B8B59C

Dark
Light

#D9D6BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080807;
  --color-2: #b8b59c;
  --color-3: #d9d6bd;
  --color-4: #edebd3;
  --color-5: #fffbd9;
}

SCSS

$color-1: #080807;
$color-2: #b8b59c;
$color-3: #d9d6bd;
$color-4: #edebd3;
$color-5: #fffbd9;

TAILWIND

colors: {
  'brand-1': '#080807',
  'brand-2': '#b8b59c',
  'brand-3': '#d9d6bd',
  'brand-4': '#edebd3',
  'brand-5': '#fffbd9',
}

RGB Array

[8, 8, 7], [184, 181, 156], [217, 214, 189], [237, 235, 211], [255, 251, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080807, #B8B59C, #D9D6BD, #EDEBD3, #FFFBD9 is ideal for: health products, baby brands, fresh-style blogs, 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: #b8b59c; --color-3: #d9d6bd; --color-4: #edebd3; --color-5: #fffbd9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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