← Back to Editor

#D7E7BB · #F4BB57 · #FE604F · #A40B54 · #41093B

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

#D7E7BB

Willow Green · LightGray · Mint Green

HEX
#D7E7BB
RGB
rgb(215, 231, 187)
HSL
hsl(82, 48%, 82%)
HSB
hsb(82, 19%, 91%)
CMYK
cmyk(7%, 0%, 19%, 9%)
Oklch
oklch(90.5% 0.061 123.9)

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

#F4BB57

Ginger · SandyBrown · Warm Sun

HEX
#F4BB57
RGB
rgb(244, 187, 87)
HSL
hsl(38, 88%, 65%)
HSB
hsb(38, 64%, 96%)
CMYK
cmyk(0%, 23%, 64%, 4%)
Oklch
oklch(82.5% 0.133 79.1)

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

#FE604F

Peach Pink · Tomato · Coral Red

HEX
#FE604F
RGB
rgb(254, 96, 79)
HSL
hsl(6, 99%, 65%)
HSB
hsb(6, 69%, 100%)
CMYK
cmyk(0%, 62%, 69%, 0%)
Oklch
oklch(69.2% 0.196 29.2)

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

#A40B54

Dark Violet · Brown · Camellia

HEX
#A40B54
RGB
rgb(164, 11, 84)
HSL
hsl(331, 87%, 34%)
HSB
hsb(331, 93%, 64%)
CMYK
cmyk(0%, 93%, 49%, 36%)
Oklch
oklch(46.9% 0.184 1.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#41093B

Rose Purple · MidnightBlue · Dark Purple

HEX
#41093B
RGB
rgb(65, 9, 59)
HSL
hsl(306, 76%, 15%)
HSB
hsb(306, 86%, 25%)
CMYK
cmyk(0%, 86%, 9%, 75%)
Oklch
oklch(26.8% 0.105 333.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E7BB
CBBBE7

Analogous

E7E1BB
D7E7BB
C1E7BB

Triadic

D7E7BB
BBD7E7
E7BBD7

Split-Comp.

D7E7BB
BBC1E7
E1BBE7

Tetradic

D7E7BB
BBE7E1
CBBBE7
E7BBC1

Contrast Matrix WCAG 2.1 Contrast

D7E7BB
F4BB57
FE604F
A40B54
41093B
—
1.3
Fail
2.3
Fail
5.8
AA
12.1
AAA
1.3
Fail
—
1.7
Fail
4.4
AA Large
9.1
AAA
2.3
Fail
1.7
Fail
—
2.5
Fail
5.3
AA
5.8
AA
4.4
AA Large
2.5
Fail
—
2.1
Fail
12.1
AAA
9.1
AAA
5.3
AA
2.1
Fail
—
White BG
1.3Fail
1.7Fail
3.0Fail
7.6AAA
15.8AAA
Black BG
16.0AAA
12.1AAA
7.0AAA
2.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC6
DBDB6F
BAB853
626042
29282F

Deuteranopia

DDDCC8
DFE375
C3CF54
6B763E
2C302C

Tritanopia

D8CED0
F18287
F65657
9C3431
3E2523

Achromatopsia

DDDDDD
C1C1C1
8D8D8D
414141
1F1F1F

Shades & Tints Shades & Tints

#D7E7BB

Dark
Light

#F4BB57

Dark
Light

#FE604F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e7bb;
  --color-2: #f4bb57;
  --color-3: #fe604f;
  --color-4: #a40b54;
  --color-5: #41093b;
}

SCSS

$color-1: #d7e7bb;
$color-2: #f4bb57;
$color-3: #fe604f;
$color-4: #a40b54;
$color-5: #41093b;

TAILWIND

colors: {
  'brand-1': '#d7e7bb',
  'brand-2': '#f4bb57',
  'brand-3': '#fe604f',
  'brand-4': '#a40b54',
  'brand-5': '#41093b',
}

RGB Array

[215, 231, 187], [244, 187, 87], [254, 96, 79], [164, 11, 84], [65, 9, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7E7BB, #F4BB57, #FE604F, #A40B54, #41093B 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: #d7e7bb; --color-2: #f4bb57; --color-3: #fe604f; --color-4: #a40b54; --color-5: #41093b. 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