← Back to Editor

#72B5A4 · #595757 · #F2CEAB · #F79A87 · #FF776A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#72B5A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#72B5A4
RGB
rgb(114, 181, 164)
HSL
hsl(165, 31%, 58%)
HSB
hsb(165, 37%, 71%)
CMYK
cmyk(37%, 0%, 9%, 29%)
Oklch
oklch(72.3% 0.073 176.3)

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

#595757

Ink Gray · DimGray · Charcoal

HEX
#595757
RGB
rgb(89, 87, 87)
HSL
hsl(0, 1%, 35%)
HSB
hsb(0, 2%, 35%)
CMYK
cmyk(0%, 2%, 2%, 65%)
Oklch
oklch(45.9% 0.003 17.3)

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

#F2CEAB

Goose Yellow · Wheat · Peach Orange

HEX
#F2CEAB
RGB
rgb(242, 206, 171)
HSL
hsl(30, 73%, 81%)
HSB
hsb(30, 29%, 95%)
CMYK
cmyk(0%, 15%, 29%, 5%)
Oklch
oklch(87.3% 0.062 66.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F79A87

Peach Pink · LightSalmon · Coral Red

HEX
#F79A87
RGB
rgb(247, 154, 135)
HSL
hsl(10, 88%, 75%)
HSB
hsb(10, 45%, 97%)
CMYK
cmyk(0%, 38%, 45%, 3%)
Oklch
oklch(77.7% 0.116 32.3)

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

#FF776A

Peach Pink · Salmon · Coral Red

HEX
#FF776A
RGB
rgb(255, 119, 106)
HSL
hsl(5, 100%, 71%)
HSB
hsb(5, 58%, 100%)
CMYK
cmyk(0%, 53%, 58%, 0%)
Oklch
oklch(72.7% 0.168 27.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72B5A4
B57383

Analogous

73B583
72B5A4
73A5B5

Triadic

72B5A4
A573B5
B5A573

Split-Comp.

72B5A4
B573A5
B58373

Tetradic

72B5A4
8373B5
B57383
A5B573

Contrast Matrix WCAG 2.1 Contrast

72B5A4
595757
F2CEAB
F79A87
FF776A
—
3.0
AA Large
1.6
Fail
1.1
Fail
1.1
Fail
3.0
AA Large
—
4.9
AA
3.4
AA Large
2.8
Fail
1.6
Fail
4.9
AA
—
1.4
Fail
1.8
Fail
1.1
Fail
3.4
AA Large
1.4
Fail
—
1.2
Fail
1.1
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
White BG
2.4Fail
7.2AAA
1.5Fail
2.1Fail
2.6Fail
Black BG
8.9AAA
2.9Fail
14.2AAA
9.9AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F90A8
585857
E2E2B3
CFCE8C
C4C36D

Deuteranopia

8B86A9
585857
E5E7B6
D4DB8D
CCD66E

Tritanopia

75ABAC
595757
F0BABC
F28F90
F87070

Achromatopsia

9F9F9F
585858
D5D5D5
B4B4B4
9E9E9E

Shades & Tints Shades & Tints

#72B5A4

Dark
Light

#595757

Dark
Light

#F2CEAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72b5a4;
  --color-2: #595757;
  --color-3: #f2ceab;
  --color-4: #f79a87;
  --color-5: #ff776a;
}

SCSS

$color-1: #72b5a4;
$color-2: #595757;
$color-3: #f2ceab;
$color-4: #f79a87;
$color-5: #ff776a;

TAILWIND

colors: {
  'brand-1': '#72b5a4',
  'brand-2': '#595757',
  'brand-3': '#f2ceab',
  'brand-4': '#f79a87',
  'brand-5': '#ff776a',
}

RGB Array

[114, 181, 164], [89, 87, 87], [242, 206, 171], [247, 154, 135], [255, 119, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #72B5A4, #595757, #F2CEAB, #F79A87, #FF776A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #72b5a4; --color-2: #595757; --color-3: #f2ceab; --color-4: #f79a87; --color-5: #ff776a. 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 tech, SaaS, healthcare, eco industries. 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