← Back to Editor

#3F2210 · #5AD7AB · #E47294 · #FBAD7D · #D5BAB1

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

#3F2210

Tangerine · Black · Cinnamon

HEX
#3F2210
RGB
rgb(63, 34, 16)
HSL
hsl(23, 59%, 15%)
HSB
hsb(23, 75%, 25%)
CMYK
cmyk(0%, 46%, 75%, 75%)
Oklch
oklch(28.6% 0.053 51.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#5AD7AB

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#5AD7AB
RGB
rgb(90, 215, 171)
HSL
hsl(159, 61%, 60%)
HSB
hsb(159, 58%, 84%)
CMYK
cmyk(58%, 0%, 20%, 16%)
Oklch
oklch(79.7% 0.129 166.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#E47294

Rouge · LightCoral · Rose Pink

HEX
#E47294
RGB
rgb(228, 114, 148)
HSL
hsl(342, 68%, 67%)
HSB
hsb(342, 50%, 89%)
CMYK
cmyk(0%, 50%, 35%, 11%)
Oklch
oklch(69.3% 0.145 2.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FBAD7D

Apricot · LightSalmon · Warm Sun

HEX
#FBAD7D
RGB
rgb(251, 173, 125)
HSL
hsl(23, 94%, 74%)
HSB
hsb(23, 50%, 98%)
CMYK
cmyk(0%, 31%, 50%, 2%)
Oklch
oklch(81.2% 0.111 52.2)

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

#D5BAB1

Apricot · Silver · Peach Orange

HEX
#D5BAB1
RGB
rgb(213, 186, 177)
HSL
hsl(15, 30%, 76%)
HSB
hsb(15, 17%, 84%)
CMYK
cmyk(0%, 13%, 17%, 16%)
Oklch
oklch(81.0% 0.034 39.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F2210
102C3D

Analogous

3D1015
3F2210
3D3810

Triadic

3F2210
103D21
21103D

Split-Comp.

3F2210
103D38
10153D

Tetradic

3F2210
153D10
102C3D
38103D

Contrast Matrix WCAG 2.1 Contrast

3F2210
5AD7AB
E47294
FBAD7D
D5BAB1
—
8.1
AAA
4.9
AA
7.9
AAA
7.9
AAA
8.1
AAA
—
1.6
Fail
1.0
Fail
1.0
Fail
4.9
AA
1.6
Fail
—
1.6
Fail
1.6
Fail
7.9
AAA
1.0
Fail
1.6
Fail
—
1.0
Fail
7.9
AAA
1.0
Fail
1.6
Fail
1.0
Fail
—
White BG
14.5AAA
1.8Fail
2.9Fail
1.8Fail
1.8Fail
Black BG
1.4Fail
11.7AAA
7.1AAA
11.4AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

323214
9091B6
B3B28C
D9D989
C9C9B3

Deuteranopia

343615
8980B8
B9C28A
DEE48B
CBCDB4

Tritanopia

3E1819
60BEC0
DE8584
F79294
D4B5B5

Achromatopsia

292929
ADADAD
989898
BFBFBF
C1C1C1

Shades & Tints Shades & Tints

#3F2210

Dark
Light

#5AD7AB

Dark
Light

#E47294

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f2210;
  --color-2: #5ad7ab;
  --color-3: #e47294;
  --color-4: #fbad7d;
  --color-5: #d5bab1;
}

SCSS

$color-1: #3f2210;
$color-2: #5ad7ab;
$color-3: #e47294;
$color-4: #fbad7d;
$color-5: #d5bab1;

TAILWIND

colors: {
  'brand-1': '#3f2210',
  'brand-2': '#5ad7ab',
  'brand-3': '#e47294',
  'brand-4': '#fbad7d',
  'brand-5': '#d5bab1',
}

RGB Array

[63, 34, 16], [90, 215, 171], [228, 114, 148], [251, 173, 125], [213, 186, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3F2210, #5AD7AB, #E47294, #FBAD7D, #D5BAB1 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: #3f2210; --color-2: #5ad7ab; --color-3: #e47294; --color-4: #fbad7d; --color-5: #d5bab1. 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