← Back to Editor

#855C5E · #D26B54 · #EF8E5B · #F3C765 · #F6DA96

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

#855C5E

Crimson · DimGray · Passion Red

HEX
#855C5E
RGB
rgb(133, 92, 94)
HSL
hsl(357, 18%, 44%)
HSB
hsb(357, 31%, 52%)
CMYK
cmyk(0%, 31%, 29%, 48%)
Oklch
oklch(51.9% 0.054 15.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D26B54

Crimson · Tomato · Passion Red

HEX
#D26B54
RGB
rgb(210, 107, 84)
HSL
hsl(11, 58%, 58%)
HSB
hsb(11, 60%, 82%)
CMYK
cmyk(0%, 49%, 60%, 18%)
Oklch
oklch(64.3% 0.135 33.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EF8E5B

Apricot · SandyBrown · Warm Sun

HEX
#EF8E5B
RGB
rgb(239, 142, 91)
HSL
hsl(21, 82%, 65%)
HSB
hsb(21, 62%, 94%)
CMYK
cmyk(0%, 41%, 62%, 6%)
Oklch
oklch(73.9% 0.135 47.5)

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

#F3C765

Ginger · SandyBrown · Sunflower

HEX
#F3C765
RGB
rgb(243, 199, 101)
HSL
hsl(41, 86%, 67%)
HSB
hsb(41, 58%, 95%)
CMYK
cmyk(0%, 18%, 58%, 5%)
Oklch
oklch(84.9% 0.126 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F6DA96

Goose Yellow · Khaki · Lemon Cream

HEX
#F6DA96
RGB
rgb(246, 218, 150)
HSL
hsl(42, 84%, 78%)
HSB
hsb(42, 39%, 96%)
CMYK
cmyk(0%, 11%, 39%, 4%)
Oklch
oklch(89.6% 0.091 88.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

855C5E
5C8482

Analogous

845C72
855C5E
846E5C

Triadic

855C5E
5E845C
5C5E84

Split-Comp.

855C5E
5C846E
5C7284

Tetradic

855C5E
72845C
5C8482
6E5C84

Contrast Matrix WCAG 2.1 Contrast

855C5E
D26B54
EF8E5B
F3C765
F6DA96
—
1.6
Fail
2.4
Fail
3.6
AA Large
4.2
AA Large
1.6
Fail
—
1.5
Fail
2.2
Fail
2.6
Fail
2.4
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
3.6
AA Large
2.2
Fail
1.5
Fail
—
1.2
Fail
4.2
AA Large
2.6
Fail
1.8
Fail
1.2
Fail
—
White BG
5.7AA
3.5AA Large
2.4Fail
1.6Fail
1.4Fail
Black BG
3.7AA Large
6.0AA
8.7AAA
13.2AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73735E
A5A45A
C5C467
E0E07D
EAEAA6

Deuteranopia

76795D
ABB35B
CBD26A
E3E682
ECEEAA

Tritanopia

835D5D
CD5E5F
EA7173
F18F94
F5B3B6

Achromatopsia

686868
878787
A5A5A5
C9C9C9
DBDBDB

Shades & Tints Shades & Tints

#855C5E

Dark
Light

#D26B54

Dark
Light

#EF8E5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #855c5e;
  --color-2: #d26b54;
  --color-3: #ef8e5b;
  --color-4: #f3c765;
  --color-5: #f6da96;
}

SCSS

$color-1: #855c5e;
$color-2: #d26b54;
$color-3: #ef8e5b;
$color-4: #f3c765;
$color-5: #f6da96;

TAILWIND

colors: {
  'brand-1': '#855c5e',
  'brand-2': '#d26b54',
  'brand-3': '#ef8e5b',
  'brand-4': '#f3c765',
  'brand-5': '#f6da96',
}

RGB Array

[133, 92, 94], [210, 107, 84], [239, 142, 91], [243, 199, 101], [246, 218, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #855C5E, #D26B54, #EF8E5B, #F3C765, #F6DA96 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: #855c5e; --color-2: #d26b54; --color-3: #ef8e5b; --color-4: #f3c765; --color-5: #f6da96. 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