← Back to Editor

#FFE6BD · #FFCC7A · #E68A6C · #8A2F62 · #260016

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

#FFE6BD

Goose Yellow · Bisque · Peach Orange

HEX
#FFE6BD
RGB
rgb(255, 230, 189)
HSL
hsl(37, 100%, 87%)
HSB
hsb(37, 26%, 100%)
CMYK
cmyk(0%, 10%, 26%, 0%)
Oklch
oklch(93.5% 0.060 80.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFCC7A

Goose Yellow · Khaki · Warm Sun

HEX
#FFCC7A
RGB
rgb(255, 204, 122)
HSL
hsl(37, 100%, 74%)
HSB
hsb(37, 52%, 100%)
CMYK
cmyk(0%, 20%, 52%, 0%)
Oklch
oklch(87.3% 0.116 78.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E68A6C

Apricot · DarkSalmon · Warm Sun

HEX
#E68A6C
RGB
rgb(230, 138, 108)
HSL
hsl(15, 71%, 66%)
HSB
hsb(15, 53%, 90%)
CMYK
cmyk(0%, 40%, 53%, 10%)
Oklch
oklch(72.4% 0.121 38.8)

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

#8A2F62

Rose Purple · Purple · Camellia

HEX
#8A2F62
RGB
rgb(138, 47, 98)
HSL
hsl(326, 49%, 36%)
HSB
hsb(326, 66%, 54%)
CMYK
cmyk(0%, 66%, 29%, 46%)
Oklch
oklch(45.4% 0.136 349.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#260016

Rose Purple · Black · Raspberry

HEX
#260016
RGB
rgb(38, 0, 22)
HSL
hsl(325, 100%, 7%)
HSB
hsb(325, 100%, 15%)
CMYK
cmyk(0%, 100%, 42%, 85%)
Oklch
oklch(17.7% 0.074 349.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE6BD
BDD6FF

Analogous

FFC4BD
FFE6BD
F7FFBD

Triadic

FFE6BD
BDFFE6
E6BDFF

Split-Comp.

FFE6BD
BDF7FF
C4BDFF

Tetradic

FFE6BD
BDFFC4
BDD6FF
FFBDF7

Contrast Matrix WCAG 2.1 Contrast

FFE6BD
FFCC7A
E68A6C
8A2F62
260016
—
1.2
Fail
2.1
Fail
6.5
AA
15.8
AAA
1.2
Fail
—
1.7
Fail
5.3
AA
13.0
AAA
2.1
Fail
1.7
Fail
—
3.1
AA Large
7.5
AAA
6.5
AA
5.3
AA
3.1
AA Large
—
2.4
Fail
15.8
AAA
13.0
AAA
7.5
AAA
2.4
Fail
—
White BG
1.2Fail
1.5Fail
2.6Fail
7.9AAA
19.2AAA
Black BG
17.3AAA
14.2AAA
8.2AAA
2.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4C7
E9E88E
BEBD73
636256
161511

Deuteranopia

F6F8C9
ECF093
C4CA75
686F53
181B0F

Tritanopia

FECFD0
FC9EA1
E1797A
854C4A
240C0C

Achromatopsia

E9E9E9
D2D2D2
A2A2A2
505050
0E0E0E

Shades & Tints Shades & Tints

#FFE6BD

Dark
Light

#FFCC7A

Dark
Light

#E68A6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe6bd;
  --color-2: #ffcc7a;
  --color-3: #e68a6c;
  --color-4: #8a2f62;
  --color-5: #260016;
}

SCSS

$color-1: #ffe6bd;
$color-2: #ffcc7a;
$color-3: #e68a6c;
$color-4: #8a2f62;
$color-5: #260016;

TAILWIND

colors: {
  'brand-1': '#ffe6bd',
  'brand-2': '#ffcc7a',
  'brand-3': '#e68a6c',
  'brand-4': '#8a2f62',
  'brand-5': '#260016',
}

RGB Array

[255, 230, 189], [255, 204, 122], [230, 138, 108], [138, 47, 98], [38, 0, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE6BD, #FFCC7A, #E68A6C, #8A2F62, #260016 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: #ffe6bd; --color-2: #ffcc7a; --color-3: #e68a6c; --color-4: #8a2f62; --color-5: #260016. 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