← Back to Editor

#FFF1E0 · #E5C5AE · #BC957A · #A5775B · #604628

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

#FFF1E0

Goose Yellow · Linen · Peach Orange

HEX
#FFF1E0
RGB
rgb(255, 241, 224)
HSL
hsl(33, 100%, 94%)
HSB
hsb(33, 12%, 100%)
CMYK
cmyk(0%, 5%, 12%, 0%)
Oklch
oklch(96.5% 0.027 72.8)

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

#E5C5AE

Apricot · Wheat · Peach Orange

HEX
#E5C5AE
RGB
rgb(229, 197, 174)
HSL
hsl(25, 51%, 79%)
HSB
hsb(25, 24%, 90%)
CMYK
cmyk(0%, 14%, 24%, 10%)
Oklch
oklch(84.5% 0.048 57.7)

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

#BC957A

Apricot · Tan · Warm Sun

HEX
#BC957A
RGB
rgb(188, 149, 122)
HSL
hsl(25, 33%, 61%)
HSB
hsb(25, 35%, 74%)
CMYK
cmyk(0%, 21%, 35%, 26%)
Oklch
oklch(69.9% 0.060 56.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A5775B

Tangerine · Gray · Amber Brown

HEX
#A5775B
RGB
rgb(165, 119, 91)
HSL
hsl(23, 29%, 50%)
HSB
hsb(23, 45%, 65%)
CMYK
cmyk(0%, 28%, 45%, 35%)
Oklch
oklch(60.9% 0.071 52.3)

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

#604628

Ochre · DarkOliveGreen · Amber Brown

HEX
#604628
RGB
rgb(96, 70, 40)
HSL
hsl(32, 41%, 27%)
HSB
hsb(32, 58%, 38%)
CMYK
cmyk(0%, 27%, 58%, 62%)
Oklch
oklch(41.5% 0.057 69.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF1E0
E0EEFF

Analogous

FFE2E0
FFF1E0
FDFFE0

Triadic

FFF1E0
E0FFF1
F1E0FF

Split-Comp.

FFF1E0
E0FDFF
E2E0FF

Tetradic

FFF1E0
E0FFE2
E0EEFF
FFE0FD

Contrast Matrix WCAG 2.1 Contrast

FFF1E0
E5C5AE
BC957A
A5775B
604628
—
1.5
Fail
2.5
Fail
3.5
AA Large
7.9
AAA
1.5
Fail
—
1.7
Fail
2.4
Fail
5.4
AA
2.5
Fail
1.7
Fail
—
1.4
Fail
3.2
AA Large
3.5
AA Large
2.4
Fail
1.4
Fail
—
2.2
Fail
7.9
AAA
5.4
AA
3.2
AA Large
2.2
Fail
—
White BG
1.1Fail
1.6Fail
2.7Fail
3.9AA Large
8.7AAA
Black BG
18.9AAA
12.9AAA
7.7AAA
5.4AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9E4
D7D7B4
ABAB81
919162
55552F

Deuteranopia

FAFBE5
D9DBB5
ADB082
949763
565831

Tritanopia

FEE7E8
E3B8B9
BA8687
A36768
5F3536

Achromatopsia

F3F3F3
CCCCCC
9E9E9E
828282
4A4A4A

Shades & Tints Shades & Tints

#FFF1E0

Dark
Light

#E5C5AE

Dark
Light

#BC957A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff1e0;
  --color-2: #e5c5ae;
  --color-3: #bc957a;
  --color-4: #a5775b;
  --color-5: #604628;
}

SCSS

$color-1: #fff1e0;
$color-2: #e5c5ae;
$color-3: #bc957a;
$color-4: #a5775b;
$color-5: #604628;

TAILWIND

colors: {
  'brand-1': '#fff1e0',
  'brand-2': '#e5c5ae',
  'brand-3': '#bc957a',
  'brand-4': '#a5775b',
  'brand-5': '#604628',
}

RGB Array

[255, 241, 224], [229, 197, 174], [188, 149, 122], [165, 119, 91], [96, 70, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF1E0, #E5C5AE, #BC957A, #A5775B, #604628 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: #fff1e0; --color-2: #e5c5ae; --color-3: #bc957a; --color-4: #a5775b; --color-5: #604628. 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