← Back to Editor

#F5EACA · #FEBDAC · #FA7D7D · #746C67 · #D9DEC8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F5EACA

Goose Yellow · Bisque · Lemon Cream

HEX
#F5EACA
RGB
rgb(245, 234, 202)
HSL
hsl(45, 68%, 88%)
HSB
hsb(45, 18%, 96%)
CMYK
cmyk(0%, 4%, 18%, 4%)
Oklch
oklch(93.8% 0.044 91.3)

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

#FEBDAC

Peach Pink · LightPink · Cherry Blossom

HEX
#FEBDAC
RGB
rgb(254, 189, 172)
HSL
hsl(12, 98%, 84%)
HSB
hsb(12, 32%, 100%)
CMYK
cmyk(0%, 26%, 32%, 0%)
Oklch
oklch(85.4% 0.079 35.2)

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

#FA7D7D

Peach Pink · LightCoral · Coral Red

HEX
#FA7D7D
RGB
rgb(250, 125, 125)
HSL
hsl(0, 93%, 74%)
HSB
hsb(0, 50%, 98%)
CMYK
cmyk(0%, 50%, 50%, 2%)
Oklch
oklch(73.3% 0.153 21.5)

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

#746C67

Ink Gray · DimGray · Warm Gray

HEX
#746C67
RGB
rgb(116, 108, 103)
HSL
hsl(23, 6%, 43%)
HSB
hsb(23, 11%, 45%)
CMYK
cmyk(0%, 7%, 11%, 55%)
Oklch
oklch(53.7% 0.013 54.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#D9DEC8

Willow Green · LightGray · Mint Green

HEX
#D9DEC8
RGB
rgb(217, 222, 200)
HSL
hsl(74, 25%, 83%)
HSB
hsb(74, 10%, 87%)
CMYK
cmyk(2%, 0%, 10%, 13%)
Oklch
oklch(89.1% 0.030 117.4)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EACA
CCD6F5

Analogous

F5D6CC
F5EACA
EBF5CC

Triadic

F5EACA
CCF5EB
EBCCF5

Split-Comp.

F5EACA
CCEBF5
D6CCF5

Tetradic

F5EACA
CCF5D6
CCD6F5
F5CCEB

Contrast Matrix WCAG 2.1 Contrast

F5EACA
FEBDAC
FA7D7D
746C67
D9DEC8
—
1.3
Fail
2.1
Fail
4.3
AA Large
1.1
Fail
1.3
Fail
—
1.6
Fail
3.2
AA Large
1.2
Fail
2.1
Fail
1.6
Fail
—
2.0
Fail
1.8
Fail
4.3
AA Large
3.2
AA Large
2.0
Fail
—
3.7
AA Large
1.1
Fail
1.2
Fail
1.8
Fail
3.7
AA Large
—
White BG
1.2Fail
1.6Fail
2.5Fail
5.1AA
1.4Fail
Black BG
17.5AAA
13.1AAA
8.3AAA
4.1AA Large
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0D2
E2E1B0
C4C37D
717068
DBDBCD

Deuteranopia

F1F2D4
E6EAB1
CBD57D
717269
DBDACF

Tritanopia

F4D8D9
FBB3B4
F47D7D
746969
D9D2D2

Achromatopsia

EAEAEA
CECECE
A2A2A2
6E6E6E
DADADA

Shades & Tints Shades & Tints

#F5EACA

Dark
Light

#FEBDAC

Dark
Light

#FA7D7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5eaca;
  --color-2: #febdac;
  --color-3: #fa7d7d;
  --color-4: #746c67;
  --color-5: #d9dec8;
}

SCSS

$color-1: #f5eaca;
$color-2: #febdac;
$color-3: #fa7d7d;
$color-4: #746c67;
$color-5: #d9dec8;

TAILWIND

colors: {
  'brand-1': '#f5eaca',
  'brand-2': '#febdac',
  'brand-3': '#fa7d7d',
  'brand-4': '#746c67',
  'brand-5': '#d9dec8',
}

RGB Array

[245, 234, 202], [254, 189, 172], [250, 125, 125], [116, 108, 103], [217, 222, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5EACA, #FEBDAC, #FA7D7D, #746C67, #D9DEC8 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: #f5eaca; --color-2: #febdac; --color-3: #fa7d7d; --color-4: #746c67; --color-5: #d9dec8. 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