← Back to Editor

#F7DABA · #FCB6AA · #5C4034 · #EF8E7D · #807061

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

#F7DABA

Goose Yellow · Wheat · Peach Orange

HEX
#F7DABA
RGB
rgb(247, 218, 186)
HSL
hsl(31, 79%, 85%)
HSB
hsb(31, 25%, 97%)
CMYK
cmyk(0%, 12%, 25%, 3%)
Oklch
oklch(90.4% 0.053 69.8)

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

#FCB6AA

Peach Pink · LightPink · Cherry Blossom

HEX
#FCB6AA
RGB
rgb(252, 182, 170)
HSL
hsl(9, 93%, 83%)
HSB
hsb(9, 33%, 99%)
CMYK
cmyk(0%, 28%, 33%, 1%)
Oklch
oklch(83.8% 0.084 29.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#5C4034

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5C4034
RGB
rgb(92, 64, 52)
HSL
hsl(18, 28%, 28%)
HSB
hsb(18, 43%, 36%)
CMYK
cmyk(0%, 30%, 43%, 64%)
Oklch
oklch(40.0% 0.044 44.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#EF8E7D

Peach Pink · DarkSalmon · Coral Red

HEX
#EF8E7D
RGB
rgb(239, 142, 125)
HSL
hsl(9, 78%, 71%)
HSB
hsb(9, 48%, 94%)
CMYK
cmyk(0%, 41%, 48%, 6%)
Oklch
oklch(74.5% 0.121 30.8)

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

#807061

Tangerine · DimGray · Amber Brown

HEX
#807061
RGB
rgb(128, 112, 97)
HSL
hsl(29, 14%, 44%)
HSB
hsb(29, 24%, 50%)
CMYK
cmyk(0%, 13%, 24%, 50%)
Oklch
oklch(55.6% 0.030 65.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7DABA
BBD8F7

Analogous

F7BCBB
F7DABA
F6F7BB

Triadic

F7DABA
BBF7DA
DABBF7

Split-Comp.

F7DABA
BBF6F7
BCBBF7

Tetradic

F7DABA
BBF7BC
BBD8F7
F7BBF6

Contrast Matrix WCAG 2.1 Contrast

F7DABA
FCB6AA
5C4034
EF8E7D
807061
—
1.3
Fail
7.0
AAA
1.8
Fail
3.6
AA Large
1.3
Fail
—
5.5
AA
1.4
Fail
2.8
Fail
7.0
AAA
5.5
AA
—
3.9
AA Large
2.0
Fail
1.8
Fail
1.4
Fail
3.9
AA Large
—
2.0
Fail
3.6
AA Large
2.8
Fail
2.0
Fail
2.0
Fail
—
White BG
1.3Fail
1.7Fail
9.4AAA
2.4Fail
4.8AA
Black BG
15.7AAA
12.4AAA
2.2Fail
8.8AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC2
DEDDAD
505037
C5C481
797965

Deuteranopia

ECEEC4
E2E7AE
525438
CBD282
7A7B66

Tritanopia

F6C8C9
F8AFB0
5B393A
EA8485
7F6768

Achromatopsia

DFDFDF
CACACA
474747
A9A9A9
737373

Shades & Tints Shades & Tints

#F7DABA

Dark
Light

#FCB6AA

Dark
Light

#5C4034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7daba;
  --color-2: #fcb6aa;
  --color-3: #5c4034;
  --color-4: #ef8e7d;
  --color-5: #807061;
}

SCSS

$color-1: #f7daba;
$color-2: #fcb6aa;
$color-3: #5c4034;
$color-4: #ef8e7d;
$color-5: #807061;

TAILWIND

colors: {
  'brand-1': '#f7daba',
  'brand-2': '#fcb6aa',
  'brand-3': '#5c4034',
  'brand-4': '#ef8e7d',
  'brand-5': '#807061',
}

RGB Array

[247, 218, 186], [252, 182, 170], [92, 64, 52], [239, 142, 125], [128, 112, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7DABA, #FCB6AA, #5C4034, #EF8E7D, #807061 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: #f7daba; --color-2: #fcb6aa; --color-3: #5c4034; --color-4: #ef8e7d; --color-5: #807061. 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