← Back to Editor

#BC0E55 · #FF237C · #EF637E · #E4BEBD · #807F53

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#BC0E55

Dark Violet · Crimson · Camellia

HEX
#BC0E55
RGB
rgb(188, 14, 85)
HSL
hsl(336, 86%, 40%)
HSB
hsb(336, 93%, 74%)
CMYK
cmyk(0%, 93%, 55%, 26%)
Oklch
oklch(51.5% 0.200 6.3)

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

#FF237C

Dark Violet · DeepPink · Rose Pink

HEX
#FF237C
RGB
rgb(255, 35, 124)
HSL
hsl(336, 100%, 57%)
HSB
hsb(336, 86%, 100%)
CMYK
cmyk(0%, 86%, 51%, 0%)
Oklch
oklch(65.3% 0.248 4.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#EF637E

Peach Pink · LightCoral · Coral Red

HEX
#EF637E
RGB
rgb(239, 99, 126)
HSL
hsl(348, 81%, 66%)
HSB
hsb(348, 59%, 94%)
CMYK
cmyk(0%, 59%, 47%, 6%)
Oklch
oklch(68.2% 0.173 11.1)

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

#E4BEBD

Peach Pink · LightPink · Cherry Blossom

HEX
#E4BEBD
RGB
rgb(228, 190, 189)
HSL
hsl(2, 42%, 82%)
HSB
hsb(2, 17%, 89%)
CMYK
cmyk(0%, 17%, 17%, 11%)
Oklch
oklch(83.4% 0.044 19.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#807F53

Autumn Sage · DimGray · Honey Gold

HEX
#807F53
RGB
rgb(128, 127, 83)
HSL
hsl(59, 21%, 41%)
HSB
hsb(59, 35%, 50%)
CMYK
cmyk(0%, 1%, 35%, 50%)
Oklch
oklch(58.6% 0.062 107.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC0E55
0EBE78

Analogous

BE0EAC
BC0E55
BE200E

Triadic

BC0E55
54BE0E
0E54BE

Split-Comp.

BC0E55
0EBE20
0EACBE

Tetradic

BC0E55
ACBE0E
0EBE78
200EBE

Contrast Matrix WCAG 2.1 Contrast

BC0E55
FF237C
EF637E
E4BEBD
807F53
—
1.7
Fail
2.0
Fail
3.7
AA Large
1.5
Fail
1.7
Fail
—
1.2
Fail
2.1
Fail
1.1
Fail
2.0
Fail
1.2
Fail
—
1.8
Fail
1.3
Fail
3.7
AA Large
2.1
Fail
1.8
Fail
—
2.4
Fail
1.5
Fail
1.1
Fail
1.3
Fail
2.4
Fail
—
White BG
6.3AA
3.6AA Large
3.1AA Large
1.7Fail
4.1AA Large
Black BG
3.3AA Large
5.8AA
6.8AA
12.4AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

716F44
A09E66
B2B177
D4D3BD
80805E

Deuteranopia

7B8840
ADBD61
BBC576
D6D9BD
808060

Tritanopia

B33633
F45552
E87271
E2BDBD
806668

Achromatopsia

4A4A4A
6F6F6F
909090
C9C9C9
7A7A7A

Shades & Tints Shades & Tints

#BC0E55

Dark
Light

#FF237C

Dark
Light

#EF637E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc0e55;
  --color-2: #ff237c;
  --color-3: #ef637e;
  --color-4: #e4bebd;
  --color-5: #807f53;
}

SCSS

$color-1: #bc0e55;
$color-2: #ff237c;
$color-3: #ef637e;
$color-4: #e4bebd;
$color-5: #807f53;

TAILWIND

colors: {
  'brand-1': '#bc0e55',
  'brand-2': '#ff237c',
  'brand-3': '#ef637e',
  'brand-4': '#e4bebd',
  'brand-5': '#807f53',
}

RGB Array

[188, 14, 85], [255, 35, 124], [239, 99, 126], [228, 190, 189], [128, 127, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BC0E55, #FF237C, #EF637E, #E4BEBD, #807F53 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: #bc0e55; --color-2: #ff237c; --color-3: #ef637e; --color-4: #e4bebd; --color-5: #807f53. 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 nature-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