← Back to Editor

#94807E · #AB9895 · #FFFDFA · #FFF4E8 · #F5E4DA

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

#94807E

Crimson · Gray · Warm Gray

HEX
#94807E
RGB
rgb(148, 128, 126)
HSL
hsl(5, 9%, 54%)
HSB
hsb(5, 15%, 58%)
CMYK
cmyk(0%, 14%, 15%, 42%)
Oklch
oklch(61.8% 0.025 24.6)

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

#AB9895

Peach Pink · DarkGray · Coral Red

HEX
#AB9895
RGB
rgb(171, 152, 149)
HSL
hsl(8, 12%, 63%)
HSB
hsb(8, 13%, 67%)
CMYK
cmyk(0%, 11%, 13%, 33%)
Oklch
oklch(69.5% 0.023 28.4)

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

#FFFDFA

Goose Yellow · Snow · Peach Orange

HEX
#FFFDFA
RGB
rgb(255, 253, 250)
HSL
hsl(36, 100%, 99%)
HSB
hsb(36, 2%, 100%)
CMYK
cmyk(0%, 1%, 2%, 0%)
Oklch
oklch(99.5% 0.005 78.3)

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

#FFF4E8

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF4E8
RGB
rgb(255, 244, 232)
HSL
hsl(31, 100%, 95%)
HSB
hsb(31, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.3% 0.020 70.0)

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

#F5E4DA

Apricot · Beige · Peach Orange

HEX
#F5E4DA
RGB
rgb(245, 228, 218)
HSL
hsl(22, 57%, 91%)
HSB
hsb(22, 11%, 96%)
CMYK
cmyk(0%, 7%, 11%, 4%)
Oklch
oklch(93.0% 0.023 52.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94807E
7F9294

Analogous

947F88
94807E
948B7F

Triadic

94807E
7F9481
817F94

Split-Comp.

94807E
7F948B
7F8894

Tetradic

94807E
88947F
7F9294
8B7F94

Contrast Matrix WCAG 2.1 Contrast

94807E
AB9895
FFFDFA
FFF4E8
F5E4DA
—
1.4
Fail
3.7
AA Large
3.4
AA Large
3.0
AA Large
1.4
Fail
—
2.7
Fail
2.5
Fail
2.2
Fail
3.7
AA Large
2.7
Fail
—
1.1
Fail
1.2
Fail
3.4
AA Large
2.5
Fail
1.1
Fail
—
1.1
Fail
3.0
AA Large
2.2
Fail
1.2
Fail
1.1
Fail
—
White BG
3.7AA Large
2.7Fail
1.0Fail
1.1Fail
1.2Fail
Black BG
5.6AA
7.7AAA
20.7AAA
19.4AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B7E
A3A396
FEFEFB
FAFAEB
EEEDDC

Deuteranopia

8D8E7F
A4A596
FEFEFB
FBFCEC
EFF0DD

Tritanopia

937F7F
AA9696
FFFBFB
FEEDEE
F4DEDF

Achromatopsia

868686
9D9D9D
FDFDFD
F6F6F6
E8E8E8

Shades & Tints Shades & Tints

#94807E

Dark
Light

#AB9895

Dark
Light

#FFFDFA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94807e;
  --color-2: #ab9895;
  --color-3: #fffdfa;
  --color-4: #fff4e8;
  --color-5: #f5e4da;
}

SCSS

$color-1: #94807e;
$color-2: #ab9895;
$color-3: #fffdfa;
$color-4: #fff4e8;
$color-5: #f5e4da;

TAILWIND

colors: {
  'brand-1': '#94807e',
  'brand-2': '#ab9895',
  'brand-3': '#fffdfa',
  'brand-4': '#fff4e8',
  'brand-5': '#f5e4da',
}

RGB Array

[148, 128, 126], [171, 152, 149], [255, 253, 250], [255, 244, 232], [245, 228, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94807E, #AB9895, #FFFDFA, #FFF4E8, #F5E4DA 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: #94807e; --color-2: #ab9895; --color-3: #fffdfa; --color-4: #fff4e8; --color-5: #f5e4da. 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