← Back to Editor

#D6C89B · #FAE2C8 · #D96F63 · #775533 · #F0E9D5

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

#D6C89B

Goose Yellow · Tan · Sunflower

HEX
#D6C89B
RGB
rgb(214, 200, 155)
HSL
hsl(46, 42%, 72%)
HSB
hsb(46, 28%, 84%)
CMYK
cmyk(0%, 7%, 28%, 16%)
Oklch
oklch(83.3% 0.062 92.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FAE2C8

Goose Yellow · Bisque · Peach Orange

HEX
#FAE2C8
RGB
rgb(250, 226, 200)
HSL
hsl(31, 83%, 88%)
HSB
hsb(31, 20%, 98%)
CMYK
cmyk(0%, 10%, 20%, 2%)
Oklch
oklch(92.6% 0.043 69.5)

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

#D96F63

Peach Pink · Salmon · Coral Red

HEX
#D96F63
RGB
rgb(217, 111, 99)
HSL
hsl(6, 61%, 62%)
HSB
hsb(6, 54%, 85%)
CMYK
cmyk(0%, 49%, 54%, 15%)
Oklch
oklch(66.2% 0.135 27.9)

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

#775533

Ochre · DarkOliveGreen · Amber Brown

HEX
#775533
RGB
rgb(119, 85, 51)
HSL
hsl(30, 40%, 33%)
HSB
hsb(30, 57%, 47%)
CMYK
cmyk(0%, 29%, 57%, 53%)
Oklch
oklch(47.8% 0.067 65.1)

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

#F0E9D5

Goose Yellow · Beige · Lemon Cream

HEX
#F0E9D5
RGB
rgb(240, 233, 213)
HSL
hsl(44, 47%, 89%)
HSB
hsb(44, 11%, 94%)
CMYK
cmyk(0%, 3%, 11%, 6%)
Oklch
oklch(93.4% 0.028 90.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C89B
9AA8D6

Analogous

D6AA9A
D6C89B
C6D69A

Triadic

D6C89B
9AD6C8
C89AD6

Split-Comp.

D6C89B
9AC6D6
AA9AD6

Tetradic

D6C89B
9AD6AA
9AA8D6
D69AC6

Contrast Matrix WCAG 2.1 Contrast

D6C89B
FAE2C8
D96F63
775533
F0E9D5
—
1.3
Fail
2.0
Fail
4.0
AA Large
1.4
Fail
1.3
Fail
—
2.6
Fail
5.4
AA
1.0
Fail
2.0
Fail
2.6
Fail
—
2.0
Fail
2.7
Fail
4.0
AA Large
5.4
AA
2.0
Fail
—
5.5
AA
1.4
Fail
1.0
Fail
2.7
Fail
5.5
AA
—
White BG
1.7Fail
1.3Fail
3.3AA Large
6.7AA
1.2Fail
Black BG
12.6AAA
16.8AAA
6.4AA
3.1AA Large
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0A6
F0EFCE
ABAA66
68683B
EDEDDA

Deuteranopia

D1D2A9
F1F3D0
B1B967
6A6D3D
EDEEDB

Tritanopia

D5AEB0
F9D3D4
D46869
754243
F0DEDF

Achromatopsia

C7C7C7
E6E6E6
8D8D8D
5B5B5B
E9E9E9

Shades & Tints Shades & Tints

#D6C89B

Dark
Light

#FAE2C8

Dark
Light

#D96F63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c89b;
  --color-2: #fae2c8;
  --color-3: #d96f63;
  --color-4: #775533;
  --color-5: #f0e9d5;
}

SCSS

$color-1: #d6c89b;
$color-2: #fae2c8;
$color-3: #d96f63;
$color-4: #775533;
$color-5: #f0e9d5;

TAILWIND

colors: {
  'brand-1': '#d6c89b',
  'brand-2': '#fae2c8',
  'brand-3': '#d96f63',
  'brand-4': '#775533',
  'brand-5': '#f0e9d5',
}

RGB Array

[214, 200, 155], [250, 226, 200], [217, 111, 99], [119, 85, 51], [240, 233, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C89B, #FAE2C8, #D96F63, #775533, #F0E9D5 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: #d6c89b; --color-2: #fae2c8; --color-3: #d96f63; --color-4: #775533; --color-5: #f0e9d5. 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