← Back to Editor

#FAF0E6 · #EBC2B9 · #6B576A · #33272C · #AF8F9C

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

#FAF0E6

Goose Yellow · Linen · Peach Orange

HEX
#FAF0E6
RGB
rgb(250, 240, 230)
HSL
hsl(30, 67%, 94%)
HSB
hsb(30, 8%, 98%)
CMYK
cmyk(0%, 4%, 8%, 2%)
Oklch
oklch(96.0% 0.017 67.6)

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

#EBC2B9

Peach Pink · LightPink · Cherry Blossom

HEX
#EBC2B9
RGB
rgb(235, 194, 185)
HSL
hsl(11, 56%, 82%)
HSB
hsb(11, 21%, 92%)
CMYK
cmyk(0%, 17%, 21%, 8%)
Oklch
oklch(84.7% 0.049 32.5)

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

#6B576A

Rose Purple · DimGray · Eggplant

HEX
#6B576A
RGB
rgb(107, 87, 106)
HSL
hsl(303, 10%, 38%)
HSB
hsb(303, 19%, 42%)
CMYK
cmyk(0%, 19%, 1%, 58%)
Oklch
oklch(48.3% 0.039 327.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#33272C

Dark Violet · DarkSlateGray · Raspberry

HEX
#33272C
RGB
rgb(51, 39, 44)
HSL
hsl(335, 13%, 18%)
HSB
hsb(335, 24%, 20%)
CMYK
cmyk(0%, 24%, 14%, 80%)
Oklch
oklch(28.8% 0.020 351.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#AF8F9C

Rouge · DarkGray · Rose Pink

HEX
#AF8F9C
RGB
rgb(175, 143, 156)
HSL
hsl(336, 17%, 62%)
HSB
hsb(336, 18%, 69%)
CMYK
cmyk(0%, 18%, 11%, 31%)
Oklch
oklch(68.3% 0.042 351.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF0E6
E5F0FA

Analogous

FAE5E5
FAF0E6
FAFAE5

Triadic

FAF0E6
E5FAF0
F0E5FA

Split-Comp.

FAF0E6
E5FAFA
E5E5FA

Tetradic

FAF0E6
E5FAE5
E5F0FA
FAE5FA

Contrast Matrix WCAG 2.1 Contrast

FAF0E6
EBC2B9
6B576A
33272C
AF8F9C
—
1.4
Fail
5.8
AA
12.7
AAA
2.6
Fail
1.4
Fail
—
4.1
AA Large
8.8
AAA
1.8
Fail
5.8
AA
4.1
AA Large
—
2.2
Fail
2.3
Fail
12.7
AAA
8.8
AAA
2.2
Fail
—
4.9
AA
2.6
Fail
1.8
Fail
2.3
Fail
4.9
AA
—
White BG
1.1Fail
1.6Fail
6.6AA
14.3AAA
2.9Fail
Black BG
18.7AAA
12.9AAA
3.2AA Large
1.5Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E8
D9D9BB
626265
2E2E2B
A1A199

Deuteranopia

F6F7E9
DCDFBC
646564
2F2F2B
A3A598

Tritanopia

FAEAEB
E9BDBD
6A6261
322A2A
AD9696

Achromatopsia

F2F2F2
CDCDCD
5F5F5F
2B2B2B
9A9A9A

Shades & Tints Shades & Tints

#FAF0E6

Dark
Light

#EBC2B9

Dark
Light

#6B576A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf0e6;
  --color-2: #ebc2b9;
  --color-3: #6b576a;
  --color-4: #33272c;
  --color-5: #af8f9c;
}

SCSS

$color-1: #faf0e6;
$color-2: #ebc2b9;
$color-3: #6b576a;
$color-4: #33272c;
$color-5: #af8f9c;

TAILWIND

colors: {
  'brand-1': '#faf0e6',
  'brand-2': '#ebc2b9',
  'brand-3': '#6b576a',
  'brand-4': '#33272c',
  'brand-5': '#af8f9c',
}

RGB Array

[250, 240, 230], [235, 194, 185], [107, 87, 106], [51, 39, 44], [175, 143, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF0E6, #EBC2B9, #6B576A, #33272C, #AF8F9C 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: #faf0e6; --color-2: #ebc2b9; --color-3: #6b576a; --color-4: #33272c; --color-5: #af8f9c. 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