← Back to Editor

#540535 · #F5A142 · #F7DA81 · #EEF2B8 · #C3EBC6

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

#540535

Rose Purple · Maroon · Raspberry

HEX
#540535
RGB
rgb(84, 5, 53)
HSL
hsl(324, 89%, 17%)
HSB
hsb(324, 94%, 33%)
CMYK
cmyk(0%, 94%, 37%, 67%)
Oklch
oklch(29.8% 0.118 350.4)

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

#F5A142

Ginger · SandyBrown · Warm Sun

HEX
#F5A142
RGB
rgb(245, 161, 66)
HSL
hsl(32, 90%, 61%)
HSB
hsb(32, 73%, 96%)
CMYK
cmyk(0%, 34%, 73%, 4%)
Oklch
oklch(77.7% 0.146 65.5)

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

#F7DA81

Goose Yellow · Khaki · Sunflower

HEX
#F7DA81
RGB
rgb(247, 218, 129)
HSL
hsl(45, 88%, 74%)
HSB
hsb(45, 48%, 97%)
CMYK
cmyk(0%, 12%, 48%, 3%)
Oklch
oklch(89.4% 0.114 91.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EEF2B8

Fresh Green · Wheat · Lemon Cream

HEX
#EEF2B8
RGB
rgb(238, 242, 184)
HSL
hsl(64, 69%, 84%)
HSB
hsb(64, 24%, 95%)
CMYK
cmyk(2%, 0%, 24%, 5%)
Oklch
oklch(94.4% 0.075 111.0)

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

#C3EBC6

Celadon · LightGray · Mint Green

HEX
#C3EBC6
RGB
rgb(195, 235, 198)
HSL
hsl(125, 50%, 84%)
HSB
hsb(125, 17%, 92%)
CMYK
cmyk(17%, 0%, 16%, 8%)
Oklch
oklch(90.2% 0.065 147.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

540535
055224

Analogous

4A0552
540535
52050C

Triadic

540535
335205
053352

Split-Comp.

540535
0C5205
05524A

Tetradic

540535
524A05
055224
050C52

Contrast Matrix WCAG 2.1 Contrast

540535
F5A142
F7DA81
EEF2B8
C3EBC6
—
6.9
AA
10.6
AAA
12.4
AAA
11.0
AAA
6.9
AA
—
1.5
Fail
1.8
Fail
1.6
Fail
10.6
AAA
1.5
Fail
—
1.2
Fail
1.0
Fail
12.4
AAA
1.8
Fail
1.2
Fail
—
1.1
Fail
11.0
AAA
1.6
Fail
1.0
Fail
1.1
Fail
—
White BG
14.5AAA
2.1Fail
1.4Fail
1.2Fail
1.3Fail
Black BG
1.5Fail
10.1AAA
15.3AAA
18.0AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

323129
D1D059
EAEA97
F0F0C6
D4D5CF

Deuteranopia

363C27
D6DC5F
ECEE9C
F0EFC9
D2CFD1

Tritanopia

50201E
F16B6F
F6A8AB
EED1D4
C5D6D8

Achromatopsia

222222
AFAFAF
D9D9D9
EAEAEA
DBDBDB

Shades & Tints Shades & Tints

#540535

Dark
Light

#F5A142

Dark
Light

#F7DA81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #540535;
  --color-2: #f5a142;
  --color-3: #f7da81;
  --color-4: #eef2b8;
  --color-5: #c3ebc6;
}

SCSS

$color-1: #540535;
$color-2: #f5a142;
$color-3: #f7da81;
$color-4: #eef2b8;
$color-5: #c3ebc6;

TAILWIND

colors: {
  'brand-1': '#540535',
  'brand-2': '#f5a142',
  'brand-3': '#f7da81',
  'brand-4': '#eef2b8',
  'brand-5': '#c3ebc6',
}

RGB Array

[84, 5, 53], [245, 161, 66], [247, 218, 129], [238, 242, 184], [195, 235, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #540535, #F5A142, #F7DA81, #EEF2B8, #C3EBC6 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: #540535; --color-2: #f5a142; --color-3: #f7da81; --color-4: #eef2b8; --color-5: #c3ebc6. 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