← Back to Editor

#D1BB94 · #E62588 · #FC583F · #665508 · #080D33

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

#D1BB94

Ginger · Tan · Warm Sun

HEX
#D1BB94
RGB
rgb(209, 187, 148)
HSL
hsl(38, 40%, 70%)
HSB
hsb(38, 29%, 82%)
CMYK
cmyk(0%, 11%, 29%, 18%)
Oklch
oklch(80.1% 0.058 81.8)

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

#E62588

Rose Purple · DeepPink · Rose Pink

HEX
#E62588
RGB
rgb(230, 37, 136)
HSL
hsl(329, 79%, 52%)
HSB
hsb(329, 84%, 90%)
CMYK
cmyk(0%, 84%, 41%, 10%)
Oklch
oklch(61.5% 0.233 356.4)

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

#FC583F

Peach Pink · Tomato · Coral Red

HEX
#FC583F
RGB
rgb(252, 88, 63)
HSL
hsl(8, 97%, 62%)
HSB
hsb(8, 75%, 99%)
CMYK
cmyk(0%, 65%, 75%, 1%)
Oklch
oklch(67.8% 0.204 31.4)

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

#665508

Ochre · DarkOliveGreen · Amber Gold

HEX
#665508
RGB
rgb(102, 85, 8)
HSL
hsl(49, 85%, 22%)
HSB
hsb(49, 92%, 40%)
CMYK
cmyk(0%, 17%, 92%, 60%)
Oklch
oklch(45.3% 0.090 94.9)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#080D33

Indigo · Black · Deep Sea Blue

HEX
#080D33
RGB
rgb(8, 13, 51)
HSL
hsl(233, 73%, 12%)
HSB
hsb(233, 84%, 20%)
CMYK
cmyk(84%, 75%, 0%, 80%)
Oklch
oklch(18.5% 0.075 271.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1BB94
94AAD1

Analogous

D19C94
D1BB94
C9D194

Triadic

D1BB94
94D1BB
BB94D1

Split-Comp.

D1BB94
94C9D1
9C94D1

Tetradic

D1BB94
94D19C
94AAD1
D194C9

Contrast Matrix WCAG 2.1 Contrast

D1BB94
E62588
FC583F
665508
080D33
—
2.3
Fail
1.7
Fail
3.9
AA Large
10.1
AAA
2.3
Fail
—
1.3
Fail
1.7
Fail
4.5
AA Large
1.7
Fail
1.3
Fail
—
2.3
Fail
5.9
AA
3.9
AA Large
1.7
Fail
2.3
Fail
—
2.6
Fail
10.1
AAA
4.5
AA Large
5.9
AA
2.6
Fail
—
White BG
1.9Fail
4.2AA Large
3.2AA Large
7.3AAA
18.8AAA
Black BG
11.2AAA
5.0AA
6.6AA
2.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C79D
929170
B5B445
5F5E1B
0A0A2A

Deuteranopia

C9CAA0
9EAC6A
BFCB47
60611F
0A0A28

Tritanopia

D0A5A7
DC5D59
F44A4B
65292D
082321

Achromatopsia

BDBDBD
6A6A6A
868686
515151
101010

Shades & Tints Shades & Tints

#D1BB94

Dark
Light

#E62588

Dark
Light

#FC583F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1bb94;
  --color-2: #e62588;
  --color-3: #fc583f;
  --color-4: #665508;
  --color-5: #080d33;
}

SCSS

$color-1: #d1bb94;
$color-2: #e62588;
$color-3: #fc583f;
$color-4: #665508;
$color-5: #080d33;

TAILWIND

colors: {
  'brand-1': '#d1bb94',
  'brand-2': '#e62588',
  'brand-3': '#fc583f',
  'brand-4': '#665508',
  'brand-5': '#080d33',
}

RGB Array

[209, 187, 148], [230, 37, 136], [252, 88, 63], [102, 85, 8], [8, 13, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1BB94, #E62588, #FC583F, #665508, #080D33 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: #d1bb94; --color-2: #e62588; --color-3: #fc583f; --color-4: #665508; --color-5: #080d33. 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