← Back to Editor

#EB8546 · #FFF5B8 · #09B09A · #019480 · #322442

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB8546

Tangerine · Coral · Warm Sun

HEX
#EB8546
RGB
rgb(235, 133, 70)
HSL
hsl(23, 80%, 60%)
HSB
hsb(23, 70%, 92%)
CMYK
cmyk(0%, 43%, 70%, 8%)
Oklch
oklch(71.7% 0.147 50.2)

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

#FFF5B8

Fresh Green · Bisque · Lemon Cream

HEX
#FFF5B8
RGB
rgb(255, 245, 184)
HSL
hsl(52, 100%, 86%)
HSB
hsb(52, 28%, 100%)
CMYK
cmyk(0%, 4%, 28%, 0%)
Oklch
oklch(96.4% 0.078 99.9)

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

#09B09A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#09B09A
RGB
rgb(9, 176, 154)
HSL
hsl(172, 90%, 36%)
HSB
hsb(172, 95%, 69%)
CMYK
cmyk(95%, 0%, 13%, 31%)
Oklch
oklch(67.9% 0.122 179.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#019480

Mineral Blue · Teal · Mint Ice

HEX
#019480
RGB
rgb(1, 148, 128)
HSL
hsl(172, 99%, 29%)
HSB
hsb(172, 99%, 58%)
CMYK
cmyk(99%, 0%, 14%, 42%)
Oklch
oklch(59.7% 0.109 178.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#322442

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#322442
RGB
rgb(50, 36, 66)
HSL
hsl(268, 29%, 20%)
HSB
hsb(268, 45%, 26%)
CMYK
cmyk(24%, 45%, 0%, 74%)
Oklch
oklch(29.1% 0.056 304.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB8546
47ACEB

Analogous

EB475A
EB8546
EBD847

Triadic

EB8546
47EB86
8647EB

Split-Comp.

EB8546
47EBD8
475AEB

Tetradic

EB8546
5AEB47
47ACEB
D847EB

Contrast Matrix WCAG 2.1 Contrast

EB8546
FFF5B8
09B09A
019480
322442
—
2.4
Fail
1.0
Fail
1.4
Fail
5.4
AA
2.4
Fail
—
2.5
Fail
3.4
AA Large
13.0
AAA
1.0
Fail
2.5
Fail
—
1.4
Fail
5.2
AA
1.4
Fail
3.4
AA Large
1.4
Fail
—
3.8
AA Large
5.4
AA
13.0
AAA
5.2
AA
3.8
AA Large
—
White BG
2.6Fail
1.1Fail
2.7Fail
3.8AA Large
14.3AAA
Black BG
8.0AAA
19.0AAA
7.7AAA
5.5AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE55
FBFBC7
51539F
414285
2C2C3B

Deuteranopia

C5CC59
FBFCCA
483BA1
382D86
2D2E39

Tritanopia

E66164
FFD2D5
11A4A4
08898A
313534

Achromatopsia

9C9C9C
F1F1F1
7C7C7C
666666
2C2C2C

Shades & Tints Shades & Tints

#EB8546

Dark
Light

#FFF5B8

Dark
Light

#09B09A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb8546;
  --color-2: #fff5b8;
  --color-3: #09b09a;
  --color-4: #019480;
  --color-5: #322442;
}

SCSS

$color-1: #eb8546;
$color-2: #fff5b8;
$color-3: #09b09a;
$color-4: #019480;
$color-5: #322442;

TAILWIND

colors: {
  'brand-1': '#eb8546',
  'brand-2': '#fff5b8',
  'brand-3': '#09b09a',
  'brand-4': '#019480',
  'brand-5': '#322442',
}

RGB Array

[235, 133, 70], [255, 245, 184], [9, 176, 154], [1, 148, 128], [50, 36, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB8546, #FFF5B8, #09B09A, #019480, #322442 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: #eb8546; --color-2: #fff5b8; --color-3: #09b09a; --color-4: #019480; --color-5: #322442. 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