#FF526C + #E87576 + #D3A289 + #BEBB9A + #A5B89C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF526C

Peach Pink · Tomato · Coral Red

HEX

#FF526C

RGB

rgb(255, 82, 108)

HSL

hsl(351, 100%, 66%)

HSB

hsb(351, 68%, 100%)

CMYK

cmyk(0%, 68%, 58%, 0%)

Oklch

oklch(68.3% 0.208 16.0)

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

#E87576

Peach Pink · LightCoral · Coral Red

HEX

#E87576

RGB

rgb(232, 117, 118)

HSL

hsl(359, 71%, 68%)

HSB

hsb(359, 50%, 91%)

CMYK

cmyk(0%, 50%, 49%, 9%)

Oklch

oklch(69.5% 0.143 20.9)

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

#D3A289

Apricot · Tan · Warm Sun

HEX

#D3A289

RGB

rgb(211, 162, 137)

HSL

hsl(20, 46%, 68%)

HSB

hsb(20, 35%, 83%)

CMYK

cmyk(0%, 23%, 35%, 17%)

Oklch

oklch(75.1% 0.068 48.3)

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

#BEBB9A

Fresh Green · Tan · Sunflower

HEX

#BEBB9A

RGB

rgb(190, 187, 154)

HSL

hsl(55, 22%, 67%)

HSB

hsb(55, 19%, 75%)

CMYK

cmyk(0%, 2%, 19%, 25%)

Oklch

oklch(78.6% 0.045 103.1)

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

#A5B89C

Celadon · DarkGray · Apple Green

HEX

#A5B89C

RGB

rgb(165, 184, 156)

HSL

hsl(101, 16%, 67%)

HSB

hsb(101, 15%, 72%)

CMYK

cmyk(10%, 0%, 15%, 28%)

Oklch

oklch(76.0% 0.044 135.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF526C

52FFE5

Analogous

FF52C2

FF526C

FF8E52

Triadic

FF526C

6CFF52

526CFF

Split-Comp.

FF526C

52FF8E

52C2FF

Tetradic

FF526C

C2FF52

52FFE5

8E52FF

Contrast Matrix WCAG 2.1 Contrast

FF526C	E87576	D3A289	BEBB9A	A5B89C
—	1.1 Fail	1.4 Fail	1.6 Fail	1.5 Fail
1.1 Fail	—	1.3 Fail	1.5 Fail	1.4 Fail
1.4 Fail	1.3 Fail	—	1.2 Fail	1.1 Fail
1.6 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

3.1AA Large

2.9Fail

2.3Fail

2.0Fail

2.1Fail

Black BG

6.7AA

7.2AAA

9.3AAA

10.8AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B366

B6B576

BEBD8F

BDBDA2

ADADA3

Deuteranopia

BECB64

BDC576

C1C491

BDBDA4

ACABA4

Tritanopia

F66160

E27676

D19495

BEA8AA

A6A8A9

Achromatopsia

898989

979797

AEAEAE

B8B8B8

AFAFAF

Shades & Tints Shades & Tints

#FF526C

Dark

Light

#E87576

Dark

Light

#D3A289

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff526c;
  --color-2: #e87576;
  --color-3: #d3a289;
  --color-4: #bebb9a;
  --color-5: #a5b89c;
}

SCSS

$color-1: #ff526c;
$color-2: #e87576;
$color-3: #d3a289;
$color-4: #bebb9a;
$color-5: #a5b89c;

TAILWIND

colors: {
  'brand-1': '#ff526c',
  'brand-2': '#e87576',
  'brand-3': '#d3a289',
  'brand-4': '#bebb9a',
  'brand-5': '#a5b89c',
}

RGB Array

[255, 82, 108], [232, 117, 118], [211, 162, 137], [190, 187, 154], [165, 184, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF526C, #E87576, #D3A289, #BEBB9A, #A5B89C is ideal for: health products, baby brands, fresh-style blogs. 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: #ff526c; --color-2: #e87576; --color-3: #d3a289; --color-4: #bebb9a; --color-5: #a5b89c. 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 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