← Back to Editor

#72C6B0 · #FB8F94 · #FAB67B · #F8F8C6 · #ED754B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#72C6B0

Jade · MediumAquaMarine · Lake Green

HEX
#72C6B0
RGB
rgb(114, 198, 176)
HSL
hsl(164, 42%, 61%)
HSB
hsb(164, 42%, 78%)
CMYK
cmyk(42%, 0%, 11%, 22%)
Oklch
oklch(76.7% 0.089 175.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FB8F94

Peach Pink · LightCoral · Coral Red

HEX
#FB8F94
RGB
rgb(251, 143, 148)
HSL
hsl(357, 93%, 77%)
HSB
hsb(357, 43%, 98%)
CMYK
cmyk(0%, 43%, 41%, 2%)
Oklch
oklch(76.6% 0.131 17.7)

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

#FAB67B

Apricot · LightSalmon · Warm Sun

HEX
#FAB67B
RGB
rgb(250, 182, 123)
HSL
hsl(28, 93%, 73%)
HSB
hsb(28, 51%, 98%)
CMYK
cmyk(0%, 27%, 51%, 2%)
Oklch
oklch(82.7% 0.109 61.4)

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

#F8F8C6

Fresh Green · Bisque · Lemon Cream

HEX
#F8F8C6
RGB
rgb(248, 248, 198)
HSL
hsl(60, 78%, 87%)
HSB
hsb(60, 20%, 97%)
CMYK
cmyk(0%, 0%, 20%, 3%)
Oklch
oklch(96.7% 0.064 107.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#ED754B

Apricot · Coral · Warm Sun

HEX
#ED754B
RGB
rgb(237, 117, 75)
HSL
hsl(16, 82%, 61%)
HSB
hsb(16, 68%, 93%)
CMYK
cmyk(0%, 51%, 68%, 7%)
Oklch
oklch(69.5% 0.159 39.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72C6B0
C57288

Analogous

72C585
72C6B0
72B2C5

Triadic

72C6B0
AF72C5
C5AF72

Split-Comp.

72C6B0
C572B2
C58572

Tetradic

72C6B0
8572C5
C57288
B2C572

Contrast Matrix WCAG 2.1 Contrast

72C6B0
FB8F94
FAB67B
F8F8C6
ED754B
—
1.1
Fail
1.2
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.3
Fail
1.2
Fail
1.3
Fail
—
1.6
Fail
1.7
Fail
1.8
Fail
2.0
Fail
1.6
Fail
—
2.7
Fail
1.4
Fail
1.3
Fail
1.7
Fail
2.7
Fail
—
White BG
2.0Fail
2.2Fail
1.7Fail
1.1Fail
2.9Fail
Black BG
10.4AAA
9.5AAA
12.0AAA
19.2AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9697B5
CCCB93
DDDC89
F8F8D2
B9B855

Deuteranopia

928BB7
D3DB93
E1E68D
F8F8D5
C0C958

Tritanopia

76BABA
F69292
F79597
F8DCDE
E75D5F

Achromatopsia

AAAAAA
B0B0B0
C4C4C4
F2F2F2
949494

Shades & Tints Shades & Tints

#72C6B0

Dark
Light

#FB8F94

Dark
Light

#FAB67B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72c6b0;
  --color-2: #fb8f94;
  --color-3: #fab67b;
  --color-4: #f8f8c6;
  --color-5: #ed754b;
}

SCSS

$color-1: #72c6b0;
$color-2: #fb8f94;
$color-3: #fab67b;
$color-4: #f8f8c6;
$color-5: #ed754b;

TAILWIND

colors: {
  'brand-1': '#72c6b0',
  'brand-2': '#fb8f94',
  'brand-3': '#fab67b',
  'brand-4': '#f8f8c6',
  'brand-5': '#ed754b',
}

RGB Array

[114, 198, 176], [251, 143, 148], [250, 182, 123], [248, 248, 198], [237, 117, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #72C6B0, #FB8F94, #FAB67B, #F8F8C6, #ED754B 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: #72c6b0; --color-2: #fb8f94; --color-3: #fab67b; --color-4: #f8f8c6; --color-5: #ed754b. 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