← Back to Editor

#A18378 · #F15E7B · #FD7368 · #FC9E0A · #E5D0BD

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 App

Color Details Color Details

#A18378

Tangerine · Gray · Warm Sun

HEX
#A18378
RGB
rgb(161, 131, 120)
HSL
hsl(16, 18%, 55%)
HSB
hsb(16, 25%, 63%)
CMYK
cmyk(0%, 19%, 25%, 37%)
Oklch
oklch(63.5% 0.041 41.1)

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

#F15E7B

Peach Pink · LightCoral · Coral Red

HEX
#F15E7B
RGB
rgb(241, 94, 123)
HSL
hsl(348, 84%, 66%)
HSB
hsb(348, 61%, 95%)
CMYK
cmyk(0%, 61%, 49%, 5%)
Oklch
oklch(67.8% 0.181 11.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FD7368

Peach Pink · Salmon · Coral Red

HEX
#FD7368
RGB
rgb(253, 115, 104)
HSL
hsl(4, 97%, 70%)
HSB
hsb(4, 59%, 99%)
CMYK
cmyk(0%, 55%, 59%, 1%)
Oklch
oklch(71.9% 0.171 26.8)

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

#FC9E0A

Ginger · Orange · Warm Sun

HEX
#FC9E0A
RGB
rgb(252, 158, 10)
HSL
hsl(37, 98%, 51%)
HSB
hsb(37, 96%, 99%)
CMYK
cmyk(0%, 37%, 96%, 1%)
Oklch
oklch(77.7% 0.169 67.7)

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

#E5D0BD

Apricot · Wheat · Peach Orange

HEX
#E5D0BD
RGB
rgb(229, 208, 189)
HSL
hsl(28, 43%, 82%)
HSB
hsb(28, 17%, 90%)
CMYK
cmyk(0%, 9%, 17%, 10%)
Oklch
oklch(87.0% 0.035 64.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A18378
7896A1

Analogous

A17881
A18378
A19778

Triadic

A18378
78A183
8378A1

Split-Comp.

A18378
78A197
7881A1

Tetradic

A18378
81A178
7896A1
9778A1

Contrast Matrix WCAG 2.1 Contrast

A18378
F15E7B
FD7368
FC9E0A
E5D0BD
—
1.1
Fail
1.3
Fail
1.7
Fail
2.3
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
2.3
Fail
2.1
Fail
1.8
Fail
1.4
Fail
—
White BG
3.5AA Large
3.2AA Large
2.7Fail
2.1Fail
1.5Fail
Black BG
6.0AA
6.6AA
7.8AAA
10.0AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

94947B
B1B074
C1C06B
D3D22E
DCDCC2

Deuteranopia

96987B
BAC572
C9D46B
D9E036
DDDFC3

Tritanopia

A07D7D
EA6E6D
F66D6D
F74A50
E4C5C6

Achromatopsia

8B8B8B
8D8D8D
9B9B9B
A9A9A9
D4D4D4

Shades & Tints Shades & Tints

#A18378

Dark
Light

#F15E7B

Dark
Light

#FD7368

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a18378;
  --color-2: #f15e7b;
  --color-3: #fd7368;
  --color-4: #fc9e0a;
  --color-5: #e5d0bd;
}

SCSS

$color-1: #a18378;
$color-2: #f15e7b;
$color-3: #fd7368;
$color-4: #fc9e0a;
$color-5: #e5d0bd;

TAILWIND

colors: {
  'brand-1': '#a18378',
  'brand-2': '#f15e7b',
  'brand-3': '#fd7368',
  'brand-4': '#fc9e0a',
  'brand-5': '#e5d0bd',
}

RGB Array

[161, 131, 120], [241, 94, 123], [253, 115, 104], [252, 158, 10], [229, 208, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A18378, #F15E7B, #FD7368, #FC9E0A, #E5D0BD is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #a18378; --color-2: #f15e7b; --color-3: #fd7368; --color-4: #fc9e0a; --color-5: #e5d0bd. 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. 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