← Back to Editor

#B0FFC5 · #C9D98B · #E8A868 · #F7705C · #615A58

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

#B0FFC5

Emerald · LightBlue · Mint Green

HEX
#B0FFC5
RGB
rgb(176, 255, 197)
HSL
hsl(136, 100%, 85%)
HSB
hsb(136, 31%, 100%)
CMYK
cmyk(31%, 0%, 23%, 0%)
Oklch
oklch(93.4% 0.111 152.2)

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

#C9D98B

Willow Green · Tan · Apple Green

HEX
#C9D98B
RGB
rgb(201, 217, 139)
HSL
hsl(72, 51%, 70%)
HSB
hsb(72, 36%, 85%)
CMYK
cmyk(7%, 0%, 36%, 15%)
Oklch
oklch(85.5% 0.102 118.1)

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

#E8A868

Ginger · SandyBrown · Warm Sun

HEX
#E8A868
RGB
rgb(232, 168, 104)
HSL
hsl(30, 74%, 66%)
HSB
hsb(30, 55%, 91%)
CMYK
cmyk(0%, 28%, 55%, 9%)
Oklch
oklch(77.9% 0.111 65.0)

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

#F7705C

Peach Pink · Coral · Coral Red

HEX
#F7705C
RGB
rgb(247, 112, 92)
HSL
hsl(8, 91%, 66%)
HSB
hsb(8, 63%, 97%)
CMYK
cmyk(0%, 55%, 63%, 3%)
Oklch
oklch(70.4% 0.170 30.4)

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

#615A58

Ink Gray · DimGray · Charcoal

HEX
#615A58
RGB
rgb(97, 90, 88)
HSL
hsl(13, 5%, 36%)
HSB
hsb(13, 9%, 38%)
CMYK
cmyk(0%, 7%, 9%, 62%)
Oklch
oklch(47.4% 0.010 36.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0FFC5
FFB3EB

Analogous

C4FFB3
B0FFC5
B3FFED

Triadic

B0FFC5
C7B3FF
FFC7B3

Split-Comp.

B0FFC5
EDB3FF
FFB3C4

Tetradic

B0FFC5
B3C4FF
FFB3EB
FFEDB3

Contrast Matrix WCAG 2.1 Contrast

B0FFC5
C9D98B
E8A868
F7705C
615A58
—
1.3
Fail
1.8
Fail
2.4
Fail
5.8
AA
1.3
Fail
—
1.3
Fail
1.9
Fail
4.4
AA Large
1.8
Fail
1.3
Fail
—
1.4
Fail
3.3
AA Large
2.4
Fail
1.9
Fail
1.4
Fail
—
2.4
Fail
5.8
AA
4.4
AA Large
3.3
AA Large
2.4
Fail
—
White BG
1.2Fail
1.5Fail
2.1Fail
2.8Fail
6.7AA
Black BG
18.0AAA
13.8AAA
10.2AAA
7.4AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D3D3
D0D09E
CCCC77
BDBB61
5E5E58

Deuteranopia

CEC8D6
CFCEA2
D0D57B
C4CE62
5E5F59

Tritanopia

B4DEE1
CAADB0
E58486
F06566
615959

Achromatopsia

E1E1E1
CBCBCB
B4B4B4
969696
5C5C5C

Shades & Tints Shades & Tints

#B0FFC5

Dark
Light

#C9D98B

Dark
Light

#E8A868

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0ffc5;
  --color-2: #c9d98b;
  --color-3: #e8a868;
  --color-4: #f7705c;
  --color-5: #615a58;
}

SCSS

$color-1: #b0ffc5;
$color-2: #c9d98b;
$color-3: #e8a868;
$color-4: #f7705c;
$color-5: #615a58;

TAILWIND

colors: {
  'brand-1': '#b0ffc5',
  'brand-2': '#c9d98b',
  'brand-3': '#e8a868',
  'brand-4': '#f7705c',
  'brand-5': '#615a58',
}

RGB Array

[176, 255, 197], [201, 217, 139], [232, 168, 104], [247, 112, 92], [97, 90, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0FFC5, #C9D98B, #E8A868, #F7705C, #615A58 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: #b0ffc5; --color-2: #c9d98b; --color-3: #e8a868; --color-4: #f7705c; --color-5: #615a58. 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