← Back to Editor

#FFF4E8 · #C05454 · #5D534A · #473937 · #2E1F1C

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

#FFF4E8

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF4E8
RGB
rgb(255, 244, 232)
HSL
hsl(31, 100%, 95%)
HSB
hsb(31, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.3% 0.020 70.0)

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

#C05454

Crimson · Sienna · Passion Red

HEX
#C05454
RGB
rgb(192, 84, 84)
HSL
hsl(0, 46%, 54%)
HSB
hsb(0, 56%, 75%)
CMYK
cmyk(0%, 56%, 56%, 25%)
Oklch
oklch(58.3% 0.140 22.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#5D534A

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5D534A
RGB
rgb(93, 83, 74)
HSL
hsl(28, 11%, 33%)
HSB
hsb(28, 20%, 36%)
CMYK
cmyk(0%, 11%, 20%, 64%)
Oklch
oklch(44.9% 0.020 64.3)

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

#473937

Crimson · DarkSlateGray · Wine Red

HEX
#473937
RGB
rgb(71, 57, 55)
HSL
hsl(8, 13%, 25%)
HSB
hsb(8, 23%, 28%)
CMYK
cmyk(0%, 20%, 23%, 72%)
Oklch
oklch(35.9% 0.020 27.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#2E1F1C

Crimson · Black · Deep Berry

HEX
#2E1F1C
RGB
rgb(46, 31, 28)
HSL
hsl(10, 24%, 15%)
HSB
hsb(10, 39%, 18%)
CMYK
cmyk(0%, 33%, 39%, 82%)
Oklch
oklch(25.7% 0.024 31.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF4E8
E5F2FF

Analogous

FFE6E5
FFF4E8
FFFFE5

Triadic

FFF4E8
E5FFF3
F3E5FF

Split-Comp.

FFF4E8
E5FFFF
E6E5FF

Tetradic

FFF4E8
E5FFE6
E5F2FF
FFE5FF

Contrast Matrix WCAG 2.1 Contrast

FFF4E8
C05454
5D534A
473937
2E1F1C
—
4.2
AA Large
6.9
AA
10.1
AAA
14.6
AAA
4.2
AA Large
—
1.7
Fail
2.4
Fail
3.5
AA Large
6.9
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
10.1
AAA
2.4
Fail
1.5
Fail
—
1.4
Fail
14.6
AAA
3.5
AA Large
2.1
Fail
1.4
Fail
—
White BG
1.1Fail
4.5AA
7.5AAA
11.0AAA
15.8AAA
Black BG
19.4AAA
4.6AA
2.8Fail
1.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAEB
919054
59594C
414137
28271D

Deuteranopia

FBFCEC
98A054
595A4D
424338
28291D

Tritanopia

FEEDEE
BB5454
5D4E4E
463838
2D1D1D

Achromatopsia

F6F6F6
747474
555555
3D3D3D
232323

Shades & Tints Shades & Tints

#FFF4E8

Dark
Light

#C05454

Dark
Light

#5D534A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff4e8;
  --color-2: #c05454;
  --color-3: #5d534a;
  --color-4: #473937;
  --color-5: #2e1f1c;
}

SCSS

$color-1: #fff4e8;
$color-2: #c05454;
$color-3: #5d534a;
$color-4: #473937;
$color-5: #2e1f1c;

TAILWIND

colors: {
  'brand-1': '#fff4e8',
  'brand-2': '#c05454',
  'brand-3': '#5d534a',
  'brand-4': '#473937',
  'brand-5': '#2e1f1c',
}

RGB Array

[255, 244, 232], [192, 84, 84], [93, 83, 74], [71, 57, 55], [46, 31, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF4E8, #C05454, #5D534A, #473937, #2E1F1C 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: #fff4e8; --color-2: #c05454; --color-3: #5d534a; --color-4: #473937; --color-5: #2e1f1c. 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