← Back to Editor

#F2DFBE · #EAC7A9 · #C5CDA8 · #B3A479 · #5C3F37

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

#F2DFBE

Goose Yellow · Wheat · Peach Orange

HEX
#F2DFBE
RGB
rgb(242, 223, 190)
HSL
hsl(38, 67%, 85%)
HSB
hsb(38, 21%, 95%)
CMYK
cmyk(0%, 8%, 21%, 5%)
Oklch
oklch(91.1% 0.048 81.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EAC7A9

Apricot · Wheat · Peach Orange

HEX
#EAC7A9
RGB
rgb(234, 199, 169)
HSL
hsl(28, 61%, 79%)
HSB
hsb(28, 28%, 92%)
CMYK
cmyk(0%, 15%, 28%, 8%)
Oklch
oklch(85.2% 0.057 62.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C5CDA8

Willow Green · Silver · Apple Green

HEX
#C5CDA8
RGB
rgb(197, 205, 168)
HSL
hsl(73, 27%, 73%)
HSB
hsb(73, 18%, 80%)
CMYK
cmyk(4%, 0%, 18%, 20%)
Oklch
oklch(83.2% 0.051 117.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#B3A479

Ginger · Tan · Sunflower

HEX
#B3A479
RGB
rgb(179, 164, 121)
HSL
hsl(44, 28%, 59%)
HSB
hsb(44, 32%, 70%)
CMYK
cmyk(0%, 8%, 32%, 30%)
Oklch
oklch(72.1% 0.061 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#5C3F37

Crimson · DarkOliveGreen · Wine Red

HEX
#5C3F37
RGB
rgb(92, 63, 55)
HSL
hsl(13, 25%, 29%)
HSB
hsb(13, 40%, 36%)
CMYK
cmyk(0%, 32%, 40%, 64%)
Oklch
oklch(39.8% 0.043 36.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2DFBE
BFD2F2

Analogous

F2C6BF
F2DFBE
ECF2BF

Triadic

F2DFBE
BFF2E0
E0BFF2

Split-Comp.

F2DFBE
BFECF2
C6BFF2

Tetradic

F2DFBE
BFF2C6
BFD2F2
F2BFEC

Contrast Matrix WCAG 2.1 Contrast

F2DFBE
EAC7A9
C5CDA8
B3A479
5C3F37
—
1.2
Fail
1.3
Fail
1.9
Fail
7.2
AAA
1.2
Fail
—
1.0
Fail
1.6
Fail
6.0
AA
1.3
Fail
1.0
Fail
—
1.5
Fail
5.7
AA
1.9
Fail
1.6
Fail
1.5
Fail
—
3.8
AA Large
7.2
AAA
6.0
AA
5.7
AA
3.8
AA Large
—
White BG
1.3Fail
1.6Fail
1.7Fail
2.5Fail
9.5AAA
Black BG
16.1AAA
13.2AAA
12.7AAA
8.5AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC6
DBDBB0
C8C9B1
ADAC83
4F4F39

Deuteranopia

EBECC8
DDDFB2
C8C7B3
ADAF86
515339

Tritanopia

F1CCCE
E8B6B7
C5B8BA
B28C8D
5B3A3B

Achromatopsia

E1E1E1
CECECE
C6C6C6
A4A4A4
474747

Shades & Tints Shades & Tints

#F2DFBE

Dark
Light

#EAC7A9

Dark
Light

#C5CDA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2dfbe;
  --color-2: #eac7a9;
  --color-3: #c5cda8;
  --color-4: #b3a479;
  --color-5: #5c3f37;
}

SCSS

$color-1: #f2dfbe;
$color-2: #eac7a9;
$color-3: #c5cda8;
$color-4: #b3a479;
$color-5: #5c3f37;

TAILWIND

colors: {
  'brand-1': '#f2dfbe',
  'brand-2': '#eac7a9',
  'brand-3': '#c5cda8',
  'brand-4': '#b3a479',
  'brand-5': '#5c3f37',
}

RGB Array

[242, 223, 190], [234, 199, 169], [197, 205, 168], [179, 164, 121], [92, 63, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2DFBE, #EAC7A9, #C5CDA8, #B3A479, #5C3F37 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: #f2dfbe; --color-2: #eac7a9; --color-3: #c5cda8; --color-4: #b3a479; --color-5: #5c3f37. 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