← Back to Editor

#F2E9B5 · #8C0652 · #1E0F2D · #F0B143 · #40132F

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

#F2E9B5

Fresh Green · Wheat · Lemon Cream

HEX
#F2E9B5
RGB
rgb(242, 233, 181)
HSL
hsl(51, 70%, 83%)
HSB
hsb(51, 25%, 95%)
CMYK
cmyk(0%, 4%, 25%, 5%)
Oklch
oklch(92.8% 0.068 99.4)

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

#8C0652

Rose Purple · Purple · Camellia

HEX
#8C0652
RGB
rgb(140, 6, 82)
HSL
hsl(326, 92%, 29%)
HSB
hsb(326, 96%, 55%)
CMYK
cmyk(0%, 96%, 41%, 45%)
Oklch
oklch(42.1% 0.169 354.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#1E0F2D

Dark Plum · Black · Dark Purple

HEX
#1E0F2D
RGB
rgb(30, 15, 45)
HSL
hsl(270, 50%, 12%)
HSB
hsb(270, 67%, 18%)
CMYK
cmyk(33%, 67%, 0%, 82%)
Oklch
oklch(20.7% 0.059 304.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#F0B143

Ginger · SandyBrown · Warm Sun

HEX
#F0B143
RGB
rgb(240, 177, 67)
HSL
hsl(38, 85%, 60%)
HSB
hsb(38, 72%, 94%)
CMYK
cmyk(0%, 26%, 72%, 6%)
Oklch
oklch(80.0% 0.142 77.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#40132F

Rose Purple · DarkSlateGray · Raspberry

HEX
#40132F
RGB
rgb(64, 19, 47)
HSL
hsl(323, 54%, 16%)
HSB
hsb(323, 70%, 25%)
CMYK
cmyk(0%, 70%, 27%, 75%)
Oklch
oklch(27.1% 0.079 345.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E9B5
B5BEF2

Analogous

F2CBB5
F2E9B5
DDF2B5

Triadic

F2E9B5
B5F2E9
E9B5F2

Split-Comp.

F2E9B5
B5DDF2
CBB5F2

Tetradic

F2E9B5
B5F2CB
B5BEF2
F2B5DD

Contrast Matrix WCAG 2.1 Contrast

F2E9B5
8C0652
1E0F2D
F0B143
40132F
—
7.6
AAA
14.7
AAA
1.5
Fail
12.6
AAA
7.6
AAA
—
1.9
Fail
4.9
AA
1.7
Fail
14.7
AAA
1.9
Fail
—
9.5
AAA
1.2
Fail
1.5
Fail
4.9
AA
9.5
AAA
—
8.2
AAA
12.6
AAA
1.7
Fail
1.2
Fail
8.2
AAA
—
White BG
1.2Fail
9.3AAA
18.1AAA
1.9Fail
15.5AAA
Black BG
17.1AAA
2.3Fail
1.2Fail
11.1AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEC2
525140
181726
D5D45E
2D2C28

Deuteranopia

EFEFC5
5A643B
181A24
D8DD64
2F3327

Tritanopia

F2CCCE
85312E
1D201F
ED7377
3E2322

Achromatopsia

E6E6E6
373737
171717
B7B7B7
242424

Shades & Tints Shades & Tints

#F2E9B5

Dark
Light

#8C0652

Dark
Light

#1E0F2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e9b5;
  --color-2: #8c0652;
  --color-3: #1e0f2d;
  --color-4: #f0b143;
  --color-5: #40132f;
}

SCSS

$color-1: #f2e9b5;
$color-2: #8c0652;
$color-3: #1e0f2d;
$color-4: #f0b143;
$color-5: #40132f;

TAILWIND

colors: {
  'brand-1': '#f2e9b5',
  'brand-2': '#8c0652',
  'brand-3': '#1e0f2d',
  'brand-4': '#f0b143',
  'brand-5': '#40132f',
}

RGB Array

[242, 233, 181], [140, 6, 82], [30, 15, 45], [240, 177, 67], [64, 19, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E9B5, #8C0652, #1E0F2D, #F0B143, #40132F 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: #f2e9b5; --color-2: #8c0652; --color-3: #1e0f2d; --color-4: #f0b143; --color-5: #40132f. 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