← Back to Editor

#FFEAAB · #F5CD7D · #6D787A · #452834 · #331723

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFEAAB

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEAAB
RGB
rgb(255, 234, 171)
HSL
hsl(45, 100%, 84%)
HSB
hsb(45, 33%, 100%)
CMYK
cmyk(0%, 8%, 33%, 0%)
Oklch
oklch(93.9% 0.083 91.8)

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

#F5CD7D

Goose Yellow · Khaki · Sunflower

HEX
#F5CD7D
RGB
rgb(245, 205, 125)
HSL
hsl(40, 86%, 73%)
HSB
hsb(40, 49%, 96%)
CMYK
cmyk(0%, 16%, 49%, 4%)
Oklch
oklch(86.6% 0.109 83.7)

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

#6D787A

Ink Gray · Gray · Warm Gray

HEX
#6D787A
RGB
rgb(109, 120, 122)
HSL
hsl(189, 6%, 45%)
HSB
hsb(189, 11%, 48%)
CMYK
cmyk(11%, 2%, 0%, 52%)
Oklch
oklch(56.4% 0.014 209.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#452834

Dark Violet · DarkSlateGray · Raspberry

HEX
#452834
RGB
rgb(69, 40, 52)
HSL
hsl(335, 27%, 21%)
HSB
hsb(335, 42%, 27%)
CMYK
cmyk(0%, 42%, 25%, 73%)
Oklch
oklch(31.8% 0.047 353.7)

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

#331723

Dark Violet · Black · Raspberry

HEX
#331723
RGB
rgb(51, 23, 35)
HSL
hsl(334, 38%, 15%)
HSB
hsb(334, 55%, 20%)
CMYK
cmyk(0%, 55%, 31%, 80%)
Oklch
oklch(24.9% 0.048 354.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEAAB
ADC2FF

Analogous

FFC2AD
FFEAAB
EBFFAD

Triadic

FFEAAB
ADFFEB
EBADFF

Split-Comp.

FFEAAB
ADEBFF
C2ADFF

Tetradic

FFEAAB
ADFFC2
ADC2FF
FFADEB

Contrast Matrix WCAG 2.1 Contrast

FFEAAB
F5CD7D
6D787A
452834
331723
—
1.3
Fail
3.8
AA Large
11.0
AAA
13.7
AAA
1.3
Fail
—
3.0
AA Large
8.7
AAA
10.8
AAA
3.8
AA Large
3.0
AA Large
—
2.9
Fail
3.6
AA Large
11.0
AAA
8.7
AAA
2.9
Fail
—
1.2
Fail
13.7
AAA
10.8
AAA
3.6
AA Large
1.2
Fail
—
White BG
1.2Fail
1.5Fail
4.5AA
13.1AAA
16.3AAA
Black BG
17.6AAA
13.9AAA
4.6AA
1.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6BA
E4E390
72727A
383831
272720

Deuteranopia

F7F9BE
E6E995
717079
3A3C30
292B1F

Tritanopia

FEC6C9
F3A0A3
6E7979
442F2E
321E1D

Achromatopsia

E9E9E9
D0D0D0
757575
323232
212121

Shades & Tints Shades & Tints

#FFEAAB

Dark
Light

#F5CD7D

Dark
Light

#6D787A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeaab;
  --color-2: #f5cd7d;
  --color-3: #6d787a;
  --color-4: #452834;
  --color-5: #331723;
}

SCSS

$color-1: #ffeaab;
$color-2: #f5cd7d;
$color-3: #6d787a;
$color-4: #452834;
$color-5: #331723;

TAILWIND

colors: {
  'brand-1': '#ffeaab',
  'brand-2': '#f5cd7d',
  'brand-3': '#6d787a',
  'brand-4': '#452834',
  'brand-5': '#331723',
}

RGB Array

[255, 234, 171], [245, 205, 125], [109, 120, 122], [69, 40, 52], [51, 23, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEAAB, #F5CD7D, #6D787A, #452834, #331723 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: #ffeaab; --color-2: #f5cd7d; --color-3: #6d787a; --color-4: #452834; --color-5: #331723. 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