← Back to Editor

#FFEEDB · #7A1619 · #4D2711 · #544923 · #627B42

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFEEDB

Goose Yellow · Beige · Peach Orange

HEX
#FFEEDB
RGB
rgb(255, 238, 219)
HSL
hsl(32, 100%, 93%)
HSB
hsb(32, 14%, 100%)
CMYK
cmyk(0%, 7%, 14%, 0%)
Oklch
oklch(95.8% 0.031 70.5)

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

#7A1619

Vermilion · Maroon · Wine Red

HEX
#7A1619
RGB
rgb(122, 22, 25)
HSL
hsl(358, 69%, 28%)
HSB
hsb(358, 82%, 48%)
CMYK
cmyk(0%, 82%, 80%, 52%)
Oklch
oklch(37.9% 0.134 25.2)

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

#4D2711

Tangerine · Maroon · Cinnamon

HEX
#4D2711
RGB
rgb(77, 39, 17)
HSL
hsl(22, 64%, 18%)
HSB
hsb(22, 78%, 30%)
CMYK
cmyk(0%, 49%, 78%, 70%)
Oklch
oklch(31.9% 0.066 48.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#544923

Ochre · DarkOliveGreen · Amber Gold

HEX
#544923
RGB
rgb(84, 73, 35)
HSL
hsl(47, 41%, 23%)
HSB
hsb(47, 58%, 33%)
CMYK
cmyk(0%, 13%, 58%, 67%)
Oklch
oklch(40.7% 0.057 93.6)

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

#627B42

Grass Green · DarkOliveGreen · Forest Green

HEX
#627B42
RGB
rgb(98, 123, 66)
HSL
hsl(86, 30%, 37%)
HSB
hsb(86, 46%, 48%)
CMYK
cmyk(20%, 0%, 46%, 52%)
Oklch
oklch(54.9% 0.087 128.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEEDB
DBECFF

Analogous

FFDCDB
FFEEDB
FEFFDB

Triadic

FFEEDB
DBFFEE
EEDBFF

Split-Comp.

FFEEDB
DBFEFF
DCDBFF

Tetradic

FFEEDB
DBFFDC
DBECFF
FFDBFE

Contrast Matrix WCAG 2.1 Contrast

FFEEDB
7A1619
4D2711
544923
627B42
—
9.5
AAA
11.5
AAA
7.9
AAA
4.2
AA Large
9.5
AAA
—
1.2
Fail
1.2
Fail
2.3
Fail
11.5
AAA
1.2
Fail
—
1.5
Fail
2.7
Fail
7.9
AAA
1.2
Fail
1.5
Fail
—
1.9
Fail
4.2
AA Large
2.3
Fail
2.7
Fail
1.9
Fail
—
White BG
1.1Fail
10.7AAA
13.0AAA
8.9AAA
4.7AA
Black BG
18.5AAA
2.0Fail
1.6Fail
2.4Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F7E0
4F4E18
3D3C16
4F4F2C
6D6D50

Deuteranopia

F9FAE1
555C18
3F4218
50512E
6B6A53

Tritanopia

FEE3E4
751818
4B1B1B
533335
635B5D

Achromatopsia

F1F1F1
343434
303030
484848
6D6D6D

Shades & Tints Shades & Tints

#FFEEDB

Dark
Light

#7A1619

Dark
Light

#4D2711

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeedb;
  --color-2: #7a1619;
  --color-3: #4d2711;
  --color-4: #544923;
  --color-5: #627b42;
}

SCSS

$color-1: #ffeedb;
$color-2: #7a1619;
$color-3: #4d2711;
$color-4: #544923;
$color-5: #627b42;

TAILWIND

colors: {
  'brand-1': '#ffeedb',
  'brand-2': '#7a1619',
  'brand-3': '#4d2711',
  'brand-4': '#544923',
  'brand-5': '#627b42',
}

RGB Array

[255, 238, 219], [122, 22, 25], [77, 39, 17], [84, 73, 35], [98, 123, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEEDB, #7A1619, #4D2711, #544923, #627B42 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffeedb; --color-2: #7a1619; --color-3: #4d2711; --color-4: #544923; --color-5: #627b42. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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