← Back to Editor

#392B40 · #FF8A78 · #FFC099 · #FFF091 · #F8FFDB

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

#392B40

Dark Plum · DarkSlateGray · Eggplant

HEX
#392B40
RGB
rgb(57, 43, 64)
HSL
hsl(280, 20%, 21%)
HSB
hsb(280, 33%, 25%)
CMYK
cmyk(11%, 33%, 0%, 75%)
Oklch
oklch(31.4% 0.041 314.2)

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

#FF8A78

Peach Pink · Salmon · Coral Red

HEX
#FF8A78
RGB
rgb(255, 138, 120)
HSL
hsl(8, 100%, 74%)
HSB
hsb(8, 53%, 100%)
CMYK
cmyk(0%, 46%, 53%, 0%)
Oklch
oklch(75.8% 0.145 30.0)

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

#FFC099

Apricot · BurlyWood · Peach Orange

HEX
#FFC099
RGB
rgb(255, 192, 153)
HSL
hsl(23, 100%, 80%)
HSB
hsb(23, 40%, 100%)
CMYK
cmyk(0%, 25%, 40%, 0%)
Oklch
oklch(85.6% 0.089 52.9)

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

#FFF091

Fresh Green · Khaki · Lemon Cream

HEX
#FFF091
RGB
rgb(255, 240, 145)
HSL
hsl(52, 100%, 78%)
HSB
hsb(52, 43%, 100%)
CMYK
cmyk(0%, 6%, 43%, 0%)
Oklch
oklch(94.7% 0.117 100.4)

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

#F8FFDB

Willow Green · LightYellow · Mint Green

HEX
#F8FFDB
RGB
rgb(248, 255, 219)
HSL
hsl(72, 100%, 93%)
HSB
hsb(72, 14%, 100%)
CMYK
cmyk(3%, 0%, 14%, 0%)
Oklch
oklch(98.6% 0.047 116.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392B40
32402B

Analogous

2E2B40
392B40
402B3D

Triadic

392B40
40392B
2B4039

Split-Comp.

392B40
3D402B
2B402E

Tetradic

392B40
402E2B
32402B
2B3D40

Contrast Matrix WCAG 2.1 Contrast

392B40
FF8A78
FFC099
FFF091
F8FFDB
—
5.7
AA
8.3
AAA
11.4
AAA
12.8
AAA
5.7
AA
—
1.4
Fail
2.0
Fail
2.2
Fail
8.3
AAA
1.4
Fail
—
1.4
Fail
1.5
Fail
11.4
AAA
2.0
Fail
1.4
Fail
—
1.1
Fail
12.8
AAA
2.2
Fail
1.5
Fail
1.1
Fail
—
White BG
13.2AAA
2.3Fail
1.6Fail
1.2Fail
1.0Fail
Black BG
1.6Fail
9.2AAA
13.3AAA
18.1AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

33333B
CCCB7C
E4E3A2
F9F8A8
FBFBE4

Deuteranopia

34353A
D3DC7D
E7ECA5
F9FBAE
FBFAE6

Tritanopia

383736
F98081
FCAAAC
FEBABE
F8EBEC

Achromatopsia

323232
ABABAB
CECECE
EAEAEA
F9F9F9

Shades & Tints Shades & Tints

#392B40

Dark
Light

#FF8A78

Dark
Light

#FFC099

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392b40;
  --color-2: #ff8a78;
  --color-3: #ffc099;
  --color-4: #fff091;
  --color-5: #f8ffdb;
}

SCSS

$color-1: #392b40;
$color-2: #ff8a78;
$color-3: #ffc099;
$color-4: #fff091;
$color-5: #f8ffdb;

TAILWIND

colors: {
  'brand-1': '#392b40',
  'brand-2': '#ff8a78',
  'brand-3': '#ffc099',
  'brand-4': '#fff091',
  'brand-5': '#f8ffdb',
}

RGB Array

[57, 43, 64], [255, 138, 120], [255, 192, 153], [255, 240, 145], [248, 255, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392B40, #FF8A78, #FFC099, #FFF091, #F8FFDB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #392b40; --color-2: #ff8a78; --color-3: #ffc099; --color-4: #fff091; --color-5: #f8ffdb. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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