#F85A69 + #F78068 + #E4B08E + #CAC2B0 + #94B2B1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F85A69

Peach Pink · Tomato · Coral Red

HEX

#F85A69

RGB

rgb(248, 90, 105)

HSL

hsl(354, 92%, 66%)

HSB

hsb(354, 64%, 97%)

CMYK

cmyk(0%, 64%, 58%, 3%)

Oklch

oklch(68.0% 0.193 18.4)

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

#F78068

Peach Pink · Salmon · Coral Red

HEX

#F78068

RGB

rgb(247, 128, 104)

HSL

hsl(10, 90%, 69%)

HSB

hsb(10, 58%, 97%)

CMYK

cmyk(0%, 48%, 58%, 3%)

Oklch

oklch(72.9% 0.151 32.7)

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

#E4B08E

Apricot · BurlyWood · Warm Sun

HEX

#E4B08E

RGB

rgb(228, 176, 142)

HSL

hsl(24, 61%, 73%)

HSB

hsb(24, 38%, 89%)

CMYK

cmyk(0%, 23%, 38%, 11%)

Oklch

oklch(79.6% 0.076 54.5)

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

#CAC2B0

Goose Yellow · Silver · Sunflower

HEX

#CAC2B0

RGB

rgb(202, 194, 176)

HSL

hsl(42, 20%, 74%)

HSB

hsb(42, 13%, 79%)

CMYK

cmyk(0%, 4%, 13%, 21%)

Oklch

oklch(81.6% 0.026 86.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#94B2B1

Jade · DarkGray · Lake Green

HEX

#94B2B1

RGB

rgb(148, 178, 177)

HSL

hsl(178, 16%, 64%)

HSB

hsb(178, 17%, 70%)

CMYK

cmyk(17%, 0%, 1%, 30%)

Oklch

oklch(74.1% 0.033 194.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F85A69

59F8E8

Analogous

F859B8

F85A69

F89859

Triadic

F85A69

68F859

5968F8

Split-Comp.

F85A69

59F898

59B8F8

Tetradic

F85A69

B8F859

59F8E8

9859F8

Contrast Matrix WCAG 2.1 Contrast

F85A69	F78068	E4B08E	CAC2B0	94B2B1
—	1.2 Fail	1.6 Fail	1.8 Fail	1.4 Fail
1.2 Fail	—	1.3 Fail	1.4 Fail	1.1 Fail
1.6 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.8 Fail	1.4 Fail	1.1 Fail	—	1.3 Fail
1.4 Fail	1.1 Fail	1.2 Fail	1.3 Fail	—

White BG

3.2AA Large

2.5Fail

1.9Fail

1.8Fail

2.3Fail

Black BG

6.7AA

8.2AAA

10.9AAA

11.9AAA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B265

C3C26E

CDCD96

C7C6B4

A1A1B1

Deuteranopia

BDC965

CAD36F

D1D498

C7C8B5

9F9DB1

Tritanopia

F06362

F17273

E19D9E

CAB8B9

96B1B1

Achromatopsia

8B8B8B

A1A1A1

BCBCBC

C2C2C2

A9A9A9

Shades & Tints Shades & Tints

#F85A69

Dark

Light

#F78068

Dark

Light

#E4B08E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f85a69;
  --color-2: #f78068;
  --color-3: #e4b08e;
  --color-4: #cac2b0;
  --color-5: #94b2b1;
}

SCSS

$color-1: #f85a69;
$color-2: #f78068;
$color-3: #e4b08e;
$color-4: #cac2b0;
$color-5: #94b2b1;

TAILWIND

colors: {
  'brand-1': '#f85a69',
  'brand-2': '#f78068',
  'brand-3': '#e4b08e',
  'brand-4': '#cac2b0',
  'brand-5': '#94b2b1',
}

RGB Array

[248, 90, 105], [247, 128, 104], [228, 176, 142], [202, 194, 176], [148, 178, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F85A69, #F78068, #E4B08E, #CAC2B0, #94B2B1 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: #f85a69; --color-2: #f78068; --color-3: #e4b08e; --color-4: #cac2b0; --color-5: #94b2b1. 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