← Back to Editor

#9ABF99 · #A18072 · #FF8C8C · #FFA58C · #FFB88C

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 App

Color Details Color Details

#9ABF99

Celadon · DarkSeaGreen · Apple Green

HEX
#9ABF99
RGB
rgb(154, 191, 153)
HSL
hsl(118, 23%, 67%)
HSB
hsb(118, 20%, 75%)
CMYK
cmyk(19%, 0%, 20%, 25%)
Oklch
oklch(76.7% 0.067 144.2)

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

#A18072

Tangerine · Gray · Warm Sun

HEX
#A18072
RGB
rgb(161, 128, 114)
HSL
hsl(18, 20%, 54%)
HSB
hsb(18, 29%, 63%)
CMYK
cmyk(0%, 20%, 29%, 37%)
Oklch
oklch(62.7% 0.046 44.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FF8C8C

Peach Pink · LightCoral · Coral Red

HEX
#FF8C8C
RGB
rgb(255, 140, 140)
HSL
hsl(0, 100%, 77%)
HSB
hsb(0, 45%, 100%)
CMYK
cmyk(0%, 45%, 45%, 0%)
Oklch
oklch(76.5% 0.140 20.8)

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

#FFA58C

Peach Pink · LightSalmon · Coral Red

HEX
#FFA58C
RGB
rgb(255, 165, 140)
HSL
hsl(13, 100%, 77%)
HSB
hsb(13, 45%, 100%)
CMYK
cmyk(0%, 35%, 45%, 0%)
Oklch
oklch(80.6% 0.113 36.3)

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

#FFB88C

Apricot · LightSalmon · Peach Orange

HEX
#FFB88C
RGB
rgb(255, 184, 140)
HSL
hsl(23, 100%, 77%)
HSB
hsb(23, 45%, 100%)
CMYK
cmyk(0%, 28%, 45%, 0%)
Oklch
oklch(83.9% 0.101 52.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ABF99
BD97BE

Analogous

ACBE97
9ABF99
97BEAA

Triadic

9ABF99
9799BE
BE9799

Split-Comp.

9ABF99
AA97BE
BE97AC

Tetradic

9ABF99
97ACBE
BD97BE
BEAA97

Contrast Matrix WCAG 2.1 Contrast

9ABF99
A18072
FF8C8C
FFA58C
FFB88C
—
1.8
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.8
Fail
—
1.6
Fail
1.9
Fail
2.1
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
2.1
Fail
1.3
Fail
1.1
Fail
—
White BG
2.0Fail
3.6AA Large
2.2Fail
1.9Fail
1.7Fail
Black BG
10.3AAA
5.8AA
9.4AAA
11.0AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAA2
939275
CDCC8C
D8D792
E0E097

Deuteranopia

A8A5A4
959776
D4DD8C
DDE494
E4EA99

Tritanopia

9CA9AB
9F7879
F98C8C
FB9798
FB9FA1

Achromatopsia

B0B0B0
888888
AEAEAE
BDBDBD
C8C8C8

Shades & Tints Shades & Tints

#9ABF99

Dark
Light

#A18072

Dark
Light

#FF8C8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9abf99;
  --color-2: #a18072;
  --color-3: #ff8c8c;
  --color-4: #ffa58c;
  --color-5: #ffb88c;
}

SCSS

$color-1: #9abf99;
$color-2: #a18072;
$color-3: #ff8c8c;
$color-4: #ffa58c;
$color-5: #ffb88c;

TAILWIND

colors: {
  'brand-1': '#9abf99',
  'brand-2': '#a18072',
  'brand-3': '#ff8c8c',
  'brand-4': '#ffa58c',
  'brand-5': '#ffb88c',
}

RGB Array

[154, 191, 153], [161, 128, 114], [255, 140, 140], [255, 165, 140], [255, 184, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9ABF99, #A18072, #FF8C8C, #FFA58C, #FFB88C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #9abf99; --color-2: #a18072; --color-3: #ff8c8c; --color-4: #ffa58c; --color-5: #ffb88c. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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