← Back to Editor

#F5ECDF · #EAACA0 · #D47B73 · #088CA6 · #A1C7C9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F5ECDF

Goose Yellow · Beige · Peach Orange

HEX
#F5ECDF
RGB
rgb(245, 236, 223)
HSL
hsl(35, 52%, 92%)
HSB
hsb(35, 9%, 96%)
CMYK
cmyk(0%, 4%, 9%, 4%)
Oklch
oklch(94.7% 0.020 77.3)

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

#EAACA0

Peach Pink · BurlyWood · Coral Red

HEX
#EAACA0
RGB
rgb(234, 172, 160)
HSL
hsl(10, 64%, 77%)
HSB
hsb(10, 32%, 92%)
CMYK
cmyk(0%, 26%, 32%, 8%)
Oklch
oklch(79.9% 0.075 31.1)

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

#D47B73

Peach Pink · LightCoral · Coral Red

HEX
#D47B73
RGB
rgb(212, 123, 115)
HSL
hsl(5, 53%, 64%)
HSB
hsb(5, 46%, 83%)
CMYK
cmyk(0%, 42%, 46%, 17%)
Oklch
oklch(67.8% 0.112 25.9)

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

#088CA6

Lake Blue · Teal · Mint Ice

HEX
#088CA6
RGB
rgb(8, 140, 166)
HSL
hsl(190, 91%, 34%)
HSB
hsb(190, 95%, 65%)
CMYK
cmyk(95%, 16%, 0%, 35%)
Oklch
oklch(59.1% 0.104 217.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A1C7C9

Sky Blue · LightSteelBlue · Lake Green

HEX
#A1C7C9
RGB
rgb(161, 199, 201)
HSL
hsl(183, 27%, 71%)
HSB
hsb(183, 20%, 79%)
CMYK
cmyk(20%, 1%, 0%, 21%)
Oklch
oklch(80.3% 0.040 200.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5ECDF
E0E9F5

Analogous

F5E2E0
F5ECDF
F3F5E0

Triadic

F5ECDF
E0F5EC
ECE0F5

Split-Comp.

F5ECDF
E0F3F5
E2E0F5

Tetradic

F5ECDF
E0F5E2
E0E9F5
F5E0F3

Contrast Matrix WCAG 2.1 Contrast

F5ECDF
EAACA0
D47B73
088CA6
A1C7C9
—
1.6
Fail
2.6
Fail
3.4
AA Large
1.6
Fail
1.6
Fail
—
1.6
Fail
2.1
Fail
1.1
Fail
2.6
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
3.4
AA Large
2.1
Fail
1.3
Fail
—
2.2
Fail
1.6
Fail
1.1
Fail
1.7
Fail
2.2
Fail
—
White BG
1.2Fail
1.9Fail
3.1AA Large
4.0AA Large
1.8Fail
Black BG
17.9AAA
10.9AAA
6.9AA
5.3AA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1E2
CFCFA3
ADAD75
4142A0
B1B2C9

Deuteranopia

F2F2E3
D3D7A4
B3B975
3A309E
AFACC8

Tritanopia

F5E5E5
E7A5A6
D07677
0F9B9A
A3C8C8

Achromatopsia

EDEDED
BDBDBD
959595
676767
BCBCBC

Shades & Tints Shades & Tints

#F5ECDF

Dark
Light

#EAACA0

Dark
Light

#D47B73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5ecdf;
  --color-2: #eaaca0;
  --color-3: #d47b73;
  --color-4: #088ca6;
  --color-5: #a1c7c9;
}

SCSS

$color-1: #f5ecdf;
$color-2: #eaaca0;
$color-3: #d47b73;
$color-4: #088ca6;
$color-5: #a1c7c9;

TAILWIND

colors: {
  'brand-1': '#f5ecdf',
  'brand-2': '#eaaca0',
  'brand-3': '#d47b73',
  'brand-4': '#088ca6',
  'brand-5': '#a1c7c9',
}

RGB Array

[245, 236, 223], [234, 172, 160], [212, 123, 115], [8, 140, 166], [161, 199, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5ECDF, #EAACA0, #D47B73, #088CA6, #A1C7C9 is ideal for: health products, baby brands, fresh-style blogs, 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: #f5ecdf; --color-2: #eaaca0; --color-3: #d47b73; --color-4: #088ca6; --color-5: #a1c7c9. 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. 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