← Back to Editor

#FF8288 · #ADB78B · #84D18D · #0BB088 · #067470

bright

A 5-color bright 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

#FF8288

Peach Pink · LightCoral · Coral Red

HEX
#FF8288
RGB
rgb(255, 130, 136)
HSL
hsl(357, 100%, 75%)
HSB
hsb(357, 49%, 100%)
CMYK
cmyk(0%, 49%, 47%, 0%)
Oklch
oklch(74.9% 0.152 18.4)

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

#ADB78B

Willow Green · DarkSeaGreen · Apple Green

HEX
#ADB78B
RGB
rgb(173, 183, 139)
HSL
hsl(74, 23%, 63%)
HSB
hsb(74, 24%, 72%)
CMYK
cmyk(5%, 0%, 24%, 28%)
Oklch
oklch(76.0% 0.061 118.3)

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

#84D18D

Celadon · DarkSeaGreen · Apple Green

HEX
#84D18D
RGB
rgb(132, 209, 141)
HSL
hsl(127, 46%, 67%)
HSB
hsb(127, 37%, 82%)
CMYK
cmyk(37%, 0%, 33%, 18%)
Oklch
oklch(79.3% 0.122 147.1)

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

#0BB088

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0BB088
RGB
rgb(11, 176, 136)
HSL
hsl(165, 88%, 37%)
HSB
hsb(165, 94%, 69%)
CMYK
cmyk(94%, 0%, 23%, 31%)
Oklch
oklch(67.4% 0.133 169.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#067470

Mineral Blue · Teal · Peacock Green

HEX
#067470
RGB
rgb(6, 116, 112)
HSL
hsl(178, 90%, 24%)
HSB
hsb(178, 95%, 45%)
CMYK
cmyk(95%, 0%, 3%, 55%)
Oklch
oklch(50.5% 0.086 190.5)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8288
80FFF9

Analogous

FF80C6
FF8288
FFB980

Triadic

FF8288
86FF80
8086FF

Split-Comp.

FF8288
80FFB9
80C6FF

Tetradic

FF8288
C6FF80
80FFF9
B980FF

Contrast Matrix WCAG 2.1 Contrast

FF8288
ADB78B
84D18D
0BB088
067470
—
1.1
Fail
1.3
Fail
1.2
Fail
2.4
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
2.7
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
3.1
AA Large
1.2
Fail
1.3
Fail
1.5
Fail
—
2.0
Fail
2.4
Fail
2.7
Fail
3.1
AA Large
2.0
Fail
—
White BG
2.4Fail
2.1Fail
1.8Fail
2.8Fail
5.6AA
Black BG
8.8AAA
9.9AAA
11.5AAA
7.6AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C887
B1B196
A5A69D
525492
363771

Deuteranopia

D0DA86
B1B098
A19BA1
493D94
2F2771

Tritanopia

F98585
AE9EA0
88AAAD
13999B
0C7272

Achromatopsia

A8A8A8
AFAFAF
B2B2B2
7A7A7A
535353

Shades & Tints Shades & Tints

#FF8288

Dark
Light

#ADB78B

Dark
Light

#84D18D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8288;
  --color-2: #adb78b;
  --color-3: #84d18d;
  --color-4: #0bb088;
  --color-5: #067470;
}

SCSS

$color-1: #ff8288;
$color-2: #adb78b;
$color-3: #84d18d;
$color-4: #0bb088;
$color-5: #067470;

TAILWIND

colors: {
  'brand-1': '#ff8288',
  'brand-2': '#adb78b',
  'brand-3': '#84d18d',
  'brand-4': '#0bb088',
  'brand-5': '#067470',
}

RGB Array

[255, 130, 136], [173, 183, 139], [132, 209, 141], [11, 176, 136], [6, 116, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FF8288, #ADB78B, #84D18D, #0BB088, #067470 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: #ff8288; --color-2: #adb78b; --color-3: #84d18d; --color-4: #0bb088; --color-5: #067470. 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 bright-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