#F16065 + #E3A2A0 + #E7D8D1 + #BCD3CC + #35D0CC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F16065

Peach Pink · Tomato · Coral Red

HEX

#F16065

RGB

rgb(241, 96, 101)

HSL

hsl(358, 84%, 66%)

HSB

hsb(358, 60%, 95%)

CMYK

cmyk(0%, 60%, 58%, 5%)

Oklch

oklch(67.6% 0.179 21.2)

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

#E3A2A0

Peach Pink · Tan · Coral Red

HEX

#E3A2A0

RGB

rgb(227, 162, 160)

HSL

hsl(2, 54%, 76%)

HSB

hsb(2, 30%, 89%)

CMYK

cmyk(0%, 29%, 30%, 11%)

Oklch

oklch(77.4% 0.078 21.0)

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

#E7D8D1

Apricot · LightGray · Peach Orange

HEX

#E7D8D1

RGB

rgb(231, 216, 209)

HSL

hsl(19, 31%, 86%)

HSB

hsb(19, 10%, 91%)

CMYK

cmyk(0%, 6%, 10%, 9%)

Oklch

oklch(89.2% 0.019 46.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BCD3CC

Jade · Silver · Glacier Blue

HEX

#BCD3CC

RGB

rgb(188, 211, 204)

HSL

hsl(162, 21%, 78%)

HSB

hsb(162, 11%, 83%)

CMYK

cmyk(11%, 0%, 3%, 17%)

Oklch

oklch(84.8% 0.027 175.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#35D0CC

Mineral Blue · MediumTurquoise · Lake Green

HEX

#35D0CC

RGB

rgb(53, 208, 204)

HSL

hsl(178, 62%, 51%)

HSB

hsb(178, 75%, 82%)

CMYK

cmyk(75%, 0%, 2%, 18%)

Oklch

oklch(78.0% 0.123 192.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F16065

5FF1EC

Analogous

F15FAD

F16065

F1A35F

Triadic

F16065

64F15F

5F64F1

Split-Comp.

F16065

5FF1A3

5FADF1

Tetradic

F16065

ADF15F

5FF1EC

A35FF1

Contrast Matrix WCAG 2.1 Contrast

F16065	E3A2A0	E7D8D1	BCD3CC	35D0CC
—	1.5 Fail	2.3 Fail	2.0 Fail	1.7 Fail
1.5 Fail	—	1.5 Fail	1.3 Fail	1.1 Fail
2.3 Fail	1.5 Fail	—	1.1 Fail	1.4 Fail
2.0 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.7 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

3.2AA Large

2.1Fail

1.4Fail

1.6Fail

1.9Fail

Black BG

6.6AA

9.9AAA

15.1AAA

13.3AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B164

C7C6A0

E1E0D3

C6C6CE

787ACD

Deuteranopia

BBC663

CBCFA1

E1E3D3

C5C3CE

6F64CD

Tritanopia

EA6363

E0A1A1

E6D4D4

BDCFCF

3DCECE

Achromatopsia

8C8C8C

B5B5B5

DCDCDC

CBCBCB

A1A1A1

Shades & Tints Shades & Tints

#F16065

Dark

Light

#E3A2A0

Dark

Light

#E7D8D1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f16065;
  --color-2: #e3a2a0;
  --color-3: #e7d8d1;
  --color-4: #bcd3cc;
  --color-5: #35d0cc;
}

SCSS

$color-1: #f16065;
$color-2: #e3a2a0;
$color-3: #e7d8d1;
$color-4: #bcd3cc;
$color-5: #35d0cc;

TAILWIND

colors: {
  'brand-1': '#f16065',
  'brand-2': '#e3a2a0',
  'brand-3': '#e7d8d1',
  'brand-4': '#bcd3cc',
  'brand-5': '#35d0cc',
}

RGB Array

[241, 96, 101], [227, 162, 160], [231, 216, 209], [188, 211, 204], [53, 208, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F16065, #E3A2A0, #E7D8D1, #BCD3CC, #35D0CC 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: #f16065; --color-2: #e3a2a0; --color-3: #e7d8d1; --color-4: #bcd3cc; --color-5: #35d0cc. 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