← Back to Editor

#F1EEE9 · #CAC79E · #E2843A · #371E21 · #D7CDCC

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

#F1EEE9

Goose Yellow · Linen · Peach Orange

HEX
#F1EEE9
RGB
rgb(241, 238, 233)
HSL
hsl(38, 22%, 93%)
HSB
hsb(38, 3%, 95%)
CMYK
cmyk(0%, 1%, 3%, 5%)
Oklch
oklch(95.0% 0.007 80.7)

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

#CAC79E

Fresh Green · Tan · Sunflower

HEX
#CAC79E
RGB
rgb(202, 199, 158)
HSL
hsl(56, 29%, 71%)
HSB
hsb(56, 22%, 79%)
CMYK
cmyk(0%, 1%, 22%, 21%)
Oklch
oklch(82.2% 0.055 104.1)

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

#E2843A

Tangerine · Coral · Warm Sun

HEX
#E2843A
RGB
rgb(226, 132, 58)
HSL
hsl(26, 74%, 56%)
HSB
hsb(26, 74%, 89%)
CMYK
cmyk(0%, 42%, 74%, 11%)
Oklch
oklch(70.2% 0.144 55.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#371E21

Crimson · DarkSlateGray · Deep Berry

HEX
#371E21
RGB
rgb(55, 30, 33)
HSL
hsl(353, 29%, 17%)
HSB
hsb(353, 45%, 22%)
CMYK
cmyk(0%, 45%, 40%, 78%)
Oklch
oklch(26.9% 0.039 12.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#D7CDCC

Peach Pink · LightGray · Cherry Blossom

HEX
#D7CDCC
RGB
rgb(215, 205, 204)
HSL
hsl(5, 12%, 82%)
HSB
hsb(5, 5%, 84%)
CMYK
cmyk(0%, 5%, 5%, 16%)
Oklch
oklch(85.6% 0.011 24.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EEE9
E9ECF1

Analogous

F1EAE9
F1EEE9
F0F1E9

Triadic

F1EEE9
E9F1EE
EEE9F1

Split-Comp.

F1EEE9
E9F0F1
EAE9F1

Tetradic

F1EEE9
E9F1EA
E9ECF1
F1E9F0

Contrast Matrix WCAG 2.1 Contrast

F1EEE9
CAC79E
E2843A
371E21
D7CDCC
—
1.5
Fail
2.4
Fail
13.2
AAA
1.3
Fail
1.5
Fail
—
1.6
Fail
8.9
AAA
1.1
Fail
2.4
Fail
1.6
Fail
—
5.5
AA
1.8
Fail
13.2
AAA
8.9
AAA
5.5
AA
—
9.8
AAA
1.3
Fail
1.1
Fail
1.8
Fail
9.8
AAA
—
White BG
1.2Fail
1.7Fail
2.8Fail
15.3AAA
1.6Fail
Black BG
18.1AAA
12.2AAA
7.6AAA
1.4Fail
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0EA
C9C9A8
B9B84C
2C2C20
D3D3CC

Deuteranopia

F0F0EB
C9C9AA
BFC650
2E3020
D3D4CC

Tritanopia

F1EBEB
CAB0B1
DD5A5D
362020
D7CCCC

Achromatopsia

EEEEEE
C3C3C3
989898
262626
D0D0D0

Shades & Tints Shades & Tints

#F1EEE9

Dark
Light

#CAC79E

Dark
Light

#E2843A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1eee9;
  --color-2: #cac79e;
  --color-3: #e2843a;
  --color-4: #371e21;
  --color-5: #d7cdcc;
}

SCSS

$color-1: #f1eee9;
$color-2: #cac79e;
$color-3: #e2843a;
$color-4: #371e21;
$color-5: #d7cdcc;

TAILWIND

colors: {
  'brand-1': '#f1eee9',
  'brand-2': '#cac79e',
  'brand-3': '#e2843a',
  'brand-4': '#371e21',
  'brand-5': '#d7cdcc',
}

RGB Array

[241, 238, 233], [202, 199, 158], [226, 132, 58], [55, 30, 33], [215, 205, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1EEE9, #CAC79E, #E2843A, #371E21, #D7CDCC 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: #f1eee9; --color-2: #cac79e; --color-3: #e2843a; --color-4: #371e21; --color-5: #d7cdcc. 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