← Back to Editor

#F1F7D8 · #E1B957 · #C75748 · #873C3A · #6E072C

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

#F1F7D8

Willow Green · Beige · Mint Green

HEX
#F1F7D8
RGB
rgb(241, 247, 216)
HSL
hsl(72, 66%, 91%)
HSB
hsb(72, 13%, 97%)
CMYK
cmyk(2%, 0%, 13%, 3%)
Oklch
oklch(96.4% 0.041 116.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#E1B957

Ginger · SandyBrown · Sunflower

HEX
#E1B957
RGB
rgb(225, 185, 87)
HSL
hsl(43, 70%, 61%)
HSB
hsb(43, 61%, 88%)
CMYK
cmyk(0%, 18%, 61%, 12%)
Oklch
oklch(80.2% 0.125 87.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C75748

Crimson · Chocolate · Passion Red

HEX
#C75748
RGB
rgb(199, 87, 72)
HSL
hsl(7, 53%, 53%)
HSB
hsb(7, 64%, 78%)
CMYK
cmyk(0%, 56%, 64%, 22%)
Oklch
oklch(59.6% 0.146 29.8)

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

#873C3A

Crimson · Sienna · Wine Red

HEX
#873C3A
RGB
rgb(135, 60, 58)
HSL
hsl(2, 40%, 38%)
HSB
hsb(2, 57%, 53%)
CMYK
cmyk(0%, 56%, 57%, 47%)
Oklch
oklch(45.5% 0.104 23.6)

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

#6E072C

Dark Violet · Maroon · Raspberry

HEX
#6E072C
RGB
rgb(110, 7, 44)
HSL
hsl(338, 88%, 23%)
HSB
hsb(338, 94%, 43%)
CMYK
cmyk(0%, 94%, 60%, 57%)
Oklch
oklch(34.9% 0.133 8.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1F7D8
DFD9F7

Analogous

F7EED9
F1F7D8
E2F7D9

Triadic

F1F7D8
D9F1F7
F7D9F1

Split-Comp.

F1F7D8
D9E2F7
EED9F7

Tetradic

F1F7D8
D9F7EE
DFD9F7
F7D9E2

Contrast Matrix WCAG 2.1 Contrast

F1F7D8
E1B957
C75748
873C3A
6E072C
—
1.7
Fail
3.9
AA Large
7.0
AA
11.0
AAA
1.7
Fail
—
2.3
Fail
4.1
AA Large
6.5
AA
3.9
AA Large
2.3
Fail
—
1.8
Fail
2.8
Fail
7.0
AA
4.1
AA Large
1.8
Fail
—
1.6
Fail
11.0
AAA
6.5
AA
2.8
Fail
1.6
Fail
—
White BG
1.1Fail
1.9Fail
4.3AA Large
7.7AAA
12.1AAA
Black BG
19.0AAA
11.3AAA
4.9AA
2.7Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E0
D0CF6F
97954C
67663A
414023

Deuteranopia

F3F3E1
D2D574
9DA54D
6B713B
474F21

Tritanopia

F1E5E7
DF8186
C14E4F
833B3B
691C1A

Achromatopsia

F2F2F2
BABABA
777777
525252
2A2A2A

Shades & Tints Shades & Tints

#F1F7D8

Dark
Light

#E1B957

Dark
Light

#C75748

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1f7d8;
  --color-2: #e1b957;
  --color-3: #c75748;
  --color-4: #873c3a;
  --color-5: #6e072c;
}

SCSS

$color-1: #f1f7d8;
$color-2: #e1b957;
$color-3: #c75748;
$color-4: #873c3a;
$color-5: #6e072c;

TAILWIND

colors: {
  'brand-1': '#f1f7d8',
  'brand-2': '#e1b957',
  'brand-3': '#c75748',
  'brand-4': '#873c3a',
  'brand-5': '#6e072c',
}

RGB Array

[241, 247, 216], [225, 185, 87], [199, 87, 72], [135, 60, 58], [110, 7, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1F7D8, #E1B957, #C75748, #873C3A, #6E072C 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: #f1f7d8; --color-2: #e1b957; --color-3: #c75748; --color-4: #873c3a; --color-5: #6e072c. 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