← Back to Editor

#543349 · #F2564E · #F2B56F · #F7F294 · #C9EBB0

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

#543349

Rose Purple · DarkSlateGray · Camellia

HEX
#543349
RGB
rgb(84, 51, 73)
HSL
hsl(320, 24%, 26%)
HSB
hsb(320, 39%, 33%)
CMYK
cmyk(0%, 39%, 13%, 67%)
Oklch
oklch(36.9% 0.058 340.2)

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

#F2564E

Peach Pink · Tomato · Coral Red

HEX
#F2564E
RGB
rgb(242, 86, 78)
HSL
hsl(3, 86%, 63%)
HSB
hsb(3, 68%, 95%)
CMYK
cmyk(0%, 64%, 68%, 5%)
Oklch
oklch(66.2% 0.193 26.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F2B56F

Ginger · SandyBrown · Warm Sun

HEX
#F2B56F
RGB
rgb(242, 181, 111)
HSL
hsl(32, 83%, 69%)
HSB
hsb(32, 54%, 95%)
CMYK
cmyk(0%, 25%, 54%, 5%)
Oklch
oklch(81.5% 0.112 69.0)

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

#F7F294

Fresh Green · Khaki · Lemon Cream

HEX
#F7F294
RGB
rgb(247, 242, 148)
HSL
hsl(57, 86%, 77%)
HSB
hsb(57, 40%, 97%)
CMYK
cmyk(0%, 2%, 40%, 3%)
Oklch
oklch(94.5% 0.116 105.8)

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

#C9EBB0

Emerald · LightGray · Mint Green

HEX
#C9EBB0
RGB
rgb(201, 235, 176)
HSL
hsl(95, 60%, 81%)
HSB
hsb(95, 25%, 92%)
CMYK
cmyk(14%, 0%, 25%, 8%)
Oklch
oklch(90.1% 0.086 132.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

543349
32523D

Analogous

4D3252
543349
523238

Triadic

543349
485232
324852

Split-Comp.

543349
385232
32524D

Tetradic

543349
524D32
32523D
323852

Contrast Matrix WCAG 2.1 Contrast

543349
F2564E
F2B56F
F7F294
C9EBB0
—
3.2
AA Large
6.0
AA
9.3
AAA
8.2
AAA
3.2
AA Large
—
1.9
Fail
2.9
Fail
2.6
Fail
6.0
AA
1.9
Fail
—
1.6
Fail
1.4
Fail
9.3
AAA
2.9
Fail
1.6
Fail
—
1.1
Fail
8.2
AAA
2.6
Fail
1.4
Fail
1.1
Fail
—
White BG
10.8AAA
3.4AA Large
1.8Fail
1.2Fail
1.3Fail
Black BG
1.9Fail
6.2AA
11.6AAA
18.1AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464544
AEAD50
D8D780
F5F5AB
D8D8BE

Deuteranopia

484A42
B8C350
DBE084
F5F5B0
D6D3C2

Tritanopia

523F3F
EA5152
EF8D90
F7BDC1
CBCACC

Achromatopsia

3F3F3F
848484
BFBFBF
E9E9E9
DADADA

Shades & Tints Shades & Tints

#543349

Dark
Light

#F2564E

Dark
Light

#F2B56F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #543349;
  --color-2: #f2564e;
  --color-3: #f2b56f;
  --color-4: #f7f294;
  --color-5: #c9ebb0;
}

SCSS

$color-1: #543349;
$color-2: #f2564e;
$color-3: #f2b56f;
$color-4: #f7f294;
$color-5: #c9ebb0;

TAILWIND

colors: {
  'brand-1': '#543349',
  'brand-2': '#f2564e',
  'brand-3': '#f2b56f',
  'brand-4': '#f7f294',
  'brand-5': '#c9ebb0',
}

RGB Array

[84, 51, 73], [242, 86, 78], [242, 181, 111], [247, 242, 148], [201, 235, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #543349, #F2564E, #F2B56F, #F7F294, #C9EBB0 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: #543349; --color-2: #f2564e; --color-3: #f2b56f; --color-4: #f7f294; --color-5: #c9ebb0. 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