#FDA2A1 + #F6878E + #B07B8F + #705987 + #94A690 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FDA2A1

Peach Pink · LightPink · Cherry Blossom

HEX

#FDA2A1

RGB

rgb(253, 162, 161)

HSL

hsl(1, 96%, 81%)

HSB

hsb(1, 36%, 99%)

CMYK

cmyk(0%, 36%, 36%, 1%)

Oklch

oklch(80.3% 0.109 20.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6878E

Peach Pink · LightCoral · Coral Red

HEX

#F6878E

RGB

rgb(246, 135, 142)

HSL

hsl(356, 86%, 75%)

HSB

hsb(356, 45%, 96%)

CMYK

cmyk(0%, 45%, 42%, 4%)

Oklch

oklch(74.6% 0.135 16.9)

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

#B07B8F

Dark Violet · Gray · Rose Pink

HEX

#B07B8F

RGB

rgb(176, 123, 143)

HSL

hsl(337, 25%, 59%)

HSB

hsb(337, 30%, 69%)

CMYK

cmyk(0%, 30%, 19%, 31%)

Oklch

oklch(64.2% 0.071 354.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#705987

Dark Plum · DimGray · Violet

HEX

#705987

RGB

rgb(112, 89, 135)

HSL

hsl(270, 21%, 44%)

HSB

hsb(270, 34%, 53%)

CMYK

cmyk(17%, 34%, 0%, 47%)

Oklch

oklch(50.5% 0.076 306.8)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#94A690

Celadon · DarkSeaGreen · Apple Green

HEX

#94A690

RGB

rgb(148, 166, 144)

HSL

hsl(109, 11%, 61%)

HSB

hsb(109, 13%, 65%)

CMYK

cmyk(11%, 0%, 13%, 35%)

Oklch

oklch(70.5% 0.037 140.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDA2A1

A0FCFD

Analogous

FDA0CD

FDA2A1

FDD0A0

Triadic

FDA2A1

A0FDA2

A2A0FD

Split-Comp.

FDA2A1

A0FDD0

A0CDFD

Tetradic

FDA2A1

CDFDA0

A0FCFD

D0A0FD

Contrast Matrix WCAG 2.1 Contrast

FDA2A1	F6878E	B07B8F	705987	94A690
—	1.2 Fail	1.8 Fail	3.1 AA Large	1.3 Fail
1.2 Fail	—	1.4 Fail	2.5 Fail	1.1 Fail
1.8 Fail	1.4 Fail	—	1.8 Fail	1.3 Fail
3.1 AA Large	2.5 Fail	1.8 Fail	—	2.3 Fail
1.3 Fail	1.1 Fail	1.3 Fail	2.3 Fail	—

White BG

1.9Fail

2.4Fail

3.5AA Large

6.1AA

2.6Fail

Black BG

10.9AAA

8.8AAA

6.1AA

3.5AA Large

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D5A1

C6C58C

99998A

66667C

9C9C95

Deuteranopia

DBE2A1

CCD58C

9CA089

676979

9B9997

Tritanopia

F8A1A1

F08B8B

AD8686

6F7371

959A9A

Achromatopsia

BDBDBD

A9A9A9

8D8D8D

656565

9E9E9E

Shades & Tints Shades & Tints

#FDA2A1

Dark

Light

#F6878E

Dark

Light

#B07B8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fda2a1;
  --color-2: #f6878e;
  --color-3: #b07b8f;
  --color-4: #705987;
  --color-5: #94a690;
}

SCSS

$color-1: #fda2a1;
$color-2: #f6878e;
$color-3: #b07b8f;
$color-4: #705987;
$color-5: #94a690;

TAILWIND

colors: {
  'brand-1': '#fda2a1',
  'brand-2': '#f6878e',
  'brand-3': '#b07b8f',
  'brand-4': '#705987',
  'brand-5': '#94a690',
}

RGB Array

[253, 162, 161], [246, 135, 142], [176, 123, 143], [112, 89, 135], [148, 166, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDA2A1, #F6878E, #B07B8F, #705987, #94A690 is ideal for: corporate websites, product showcases, portfolios. 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: #fda2a1; --color-2: #f6878e; --color-3: #b07b8f; --color-4: #705987; --color-5: #94a690. 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. 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