← Back to Editor

#F1E7B2 · #EE8D63 · #A13835 · #3B0300 · #B49C6C

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

#F1E7B2

Fresh Green · Wheat · Lemon Cream

HEX
#F1E7B2
RGB
rgb(241, 231, 178)
HSL
hsl(50, 69%, 82%)
HSB
hsb(50, 26%, 95%)
CMYK
cmyk(0%, 4%, 26%, 5%)
Oklch
oklch(92.3% 0.069 98.6)

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

#EE8D63

Apricot · Salmon · Warm Sun

HEX
#EE8D63
RGB
rgb(238, 141, 99)
HSL
hsl(18, 80%, 66%)
HSB
hsb(18, 58%, 93%)
CMYK
cmyk(0%, 41%, 58%, 7%)
Oklch
oklch(73.7% 0.131 43.7)

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

#A13835

Crimson · Brown · Passion Red

HEX
#A13835
RGB
rgb(161, 56, 53)
HSL
hsl(2, 50%, 42%)
HSB
hsb(2, 67%, 63%)
CMYK
cmyk(0%, 65%, 67%, 37%)
Oklch
oklch(49.1% 0.140 25.3)

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

#3B0300

Vermilion · Black · Deep Berry

HEX
#3B0300
RGB
rgb(59, 3, 0)
HSL
hsl(3, 100%, 12%)
HSB
hsb(3, 100%, 23%)
CMYK
cmyk(0%, 95%, 100%, 77%)
Oklch
oklch(22.5% 0.087 31.3)

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

#B49C6C

Ginger · Tan · Sunflower

HEX
#B49C6C
RGB
rgb(180, 156, 108)
HSL
hsl(40, 32%, 56%)
HSB
hsb(40, 40%, 71%)
CMYK
cmyk(0%, 13%, 40%, 29%)
Oklch
oklch(70.3% 0.071 84.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E7B2
B1BCF1

Analogous

F1C7B1
F1E7B2
DCF1B1

Triadic

F1E7B2
B1F1E6
E6B1F1

Split-Comp.

F1E7B2
B1DCF1
C7B1F1

Tetradic

F1E7B2
B1F1C7
B1BCF1
F1B1DC

Contrast Matrix WCAG 2.1 Contrast

F1E7B2
EE8D63
A13835
3B0300
B49C6C
—
1.9
Fail
5.4
AA
14.0
AAA
2.1
Fail
1.9
Fail
—
2.8
Fail
7.2
AAA
1.1
Fail
5.4
AA
2.8
Fail
—
2.6
Fail
2.5
Fail
14.0
AAA
7.2
AAA
2.6
Fail
—
6.6
AA
2.1
Fail
1.1
Fail
2.5
Fail
6.6
AA
—
White BG
1.2Fail
2.4Fail
6.7AA
17.5AAA
2.7Fail
Black BG
16.8AAA
8.6AAA
3.1AA Large
1.2Fail
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDBF
C4C36D
747336
232201
AAA978

Deuteranopia

EDEEC2
CAD170
7A8236
262A01
ABAD7A

Tritanopia

F1C9CB
E97577
9C3636
380101
B38183

Achromatopsia

E4E4E4
A5A5A5
575757
131313
9E9E9E

Shades & Tints Shades & Tints

#F1E7B2

Dark
Light

#EE8D63

Dark
Light

#A13835

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e7b2;
  --color-2: #ee8d63;
  --color-3: #a13835;
  --color-4: #3b0300;
  --color-5: #b49c6c;
}

SCSS

$color-1: #f1e7b2;
$color-2: #ee8d63;
$color-3: #a13835;
$color-4: #3b0300;
$color-5: #b49c6c;

TAILWIND

colors: {
  'brand-1': '#f1e7b2',
  'brand-2': '#ee8d63',
  'brand-3': '#a13835',
  'brand-4': '#3b0300',
  'brand-5': '#b49c6c',
}

RGB Array

[241, 231, 178], [238, 141, 99], [161, 56, 53], [59, 3, 0], [180, 156, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1E7B2, #EE8D63, #A13835, #3B0300, #B49C6C is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f1e7b2; --color-2: #ee8d63; --color-3: #a13835; --color-4: #3b0300; --color-5: #b49c6c. 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 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