← Back to Editor

#F5EDBC · #D9D19C · #E0B482 · #E08582 · #807B61

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

#F5EDBC

Fresh Green · Bisque · Lemon Cream

HEX
#F5EDBC
RGB
rgb(245, 237, 188)
HSL
hsl(52, 74%, 85%)
HSB
hsb(52, 23%, 96%)
CMYK
cmyk(0%, 3%, 23%, 4%)
Oklch
oklch(94.0% 0.064 99.8)

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

#D9D19C

Fresh Green · BurlyWood · Sunflower

HEX
#D9D19C
RGB
rgb(217, 209, 156)
HSL
hsl(52, 45%, 73%)
HSB
hsb(52, 28%, 85%)
CMYK
cmyk(0%, 4%, 28%, 15%)
Oklch
oklch(85.4% 0.070 100.5)

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

#E0B482

Ginger · BurlyWood · Warm Sun

HEX
#E0B482
RGB
rgb(224, 180, 130)
HSL
hsl(32, 60%, 69%)
HSB
hsb(32, 42%, 88%)
CMYK
cmyk(0%, 20%, 42%, 12%)
Oklch
oklch(79.8% 0.083 69.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E08582

Peach Pink · LightCoral · Coral Red

HEX
#E08582
RGB
rgb(224, 133, 130)
HSL
hsl(2, 60%, 69%)
HSB
hsb(2, 42%, 88%)
CMYK
cmyk(0%, 41%, 42%, 12%)
Oklch
oklch(71.3% 0.112 22.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#807B61

Autumn Sage · DimGray · Honey Gold

HEX
#807B61
RGB
rgb(128, 123, 97)
HSL
hsl(50, 14%, 44%)
HSB
hsb(50, 24%, 50%)
CMYK
cmyk(0%, 4%, 24%, 50%)
Oklch
oklch(58.0% 0.038 98.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EDBC
BCC4F5

Analogous

F5D1BC
F5EDBC
E0F5BC

Triadic

F5EDBC
BCF5EE
EEBCF5

Split-Comp.

F5EDBC
BCE0F5
D1BCF5

Tetradic

F5EDBC
BCF5D1
BCC4F5
F5BCE0

Contrast Matrix WCAG 2.1 Contrast

F5EDBC
D9D19C
E0B482
E08582
807B61
—
1.3
Fail
1.6
Fail
2.3
Fail
3.6
AA Large
1.3
Fail
—
1.2
Fail
1.7
Fail
2.8
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
2.3
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
3.6
AA Large
2.8
Fail
2.2
Fail
1.6
Fail
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.7Fail
4.3AA Large
Black BG
17.7AAA
13.6AAA
11.0AAA
7.8AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F1C8
D6D5A9
CDCD8E
B9B883
7E7E67

Deuteranopia

F2F3CB
D6D7AC
D0D391
BEC583
7E7F69

Tritanopia

F5D1D3
D9B3B5
DE989A
DB8383
806C6D

Achromatopsia

EAEAEA
CDCDCD
BBBBBB
A0A0A0
7A7A7A

Shades & Tints Shades & Tints

#F5EDBC

Dark
Light

#D9D19C

Dark
Light

#E0B482

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5edbc;
  --color-2: #d9d19c;
  --color-3: #e0b482;
  --color-4: #e08582;
  --color-5: #807b61;
}

SCSS

$color-1: #f5edbc;
$color-2: #d9d19c;
$color-3: #e0b482;
$color-4: #e08582;
$color-5: #807b61;

TAILWIND

colors: {
  'brand-1': '#f5edbc',
  'brand-2': '#d9d19c',
  'brand-3': '#e0b482',
  'brand-4': '#e08582',
  'brand-5': '#807b61',
}

RGB Array

[245, 237, 188], [217, 209, 156], [224, 180, 130], [224, 133, 130], [128, 123, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5EDBC, #D9D19C, #E0B482, #E08582, #807B61 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: #f5edbc; --color-2: #d9d19c; --color-3: #e0b482; --color-4: #e08582; --color-5: #807b61. 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