← Back to Editor

#FDFDFA · #FD9A93 · #D9C070 · #B3B985 · #5FA6A2

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

#FDFDFA

Fresh Green · Snow · Lemon Cream

HEX
#FDFDFA
RGB
rgb(253, 253, 250)
HSL
hsl(60, 43%, 99%)
HSB
hsb(60, 1%, 99%)
CMYK
cmyk(0%, 0%, 1%, 1%)
Oklch
oklch(99.3% 0.004 106.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FD9A93

Peach Pink · LightSalmon · Coral Red

HEX
#FD9A93
RGB
rgb(253, 154, 147)
HSL
hsl(4, 96%, 78%)
HSB
hsb(4, 42%, 99%)
CMYK
cmyk(0%, 39%, 42%, 1%)
Oklch
oklch(78.6% 0.120 24.5)

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

#D9C070

Ginger · BurlyWood · Sunflower

HEX
#D9C070
RGB
rgb(217, 192, 112)
HSL
hsl(46, 58%, 65%)
HSB
hsb(46, 48%, 85%)
CMYK
cmyk(0%, 12%, 48%, 15%)
Oklch
oklch(81.2% 0.104 92.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B3B985

Fresh Green · Tan · Sunflower

HEX
#B3B985
RGB
rgb(179, 185, 133)
HSL
hsl(67, 27%, 62%)
HSB
hsb(67, 28%, 73%)
CMYK
cmyk(3%, 0%, 28%, 27%)
Oklch
oklch(76.8% 0.070 113.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#5FA6A2

Mineral Blue · CadetBlue · Lake Green

HEX
#5FA6A2
RGB
rgb(95, 166, 162)
HSL
hsl(177, 29%, 51%)
HSB
hsb(177, 43%, 65%)
CMYK
cmyk(43%, 0%, 2%, 35%)
Oklch
oklch(67.8% 0.072 190.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFDFA
FBFBFE

Analogous

FEFCFB
FDFDFA
FCFEFB

Triadic

FDFDFA
FBFEFE
FEFBFE

Split-Comp.

FDFDFA
FBFCFE
FCFBFE

Tetradic

FDFDFA
FBFEFC
FBFBFE
FEFBFC

Contrast Matrix WCAG 2.1 Contrast

FDFDFA
FD9A93
D9C070
B3B985
5FA6A2
—
2.0
Fail
1.8
Fail
2.0
Fail
2.8
Fail
2.0
Fail
—
1.1
Fail
1.0
Fail
1.4
Fail
1.8
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
2.0
Fail
1.0
Fail
1.1
Fail
—
1.4
Fail
2.8
Fail
1.4
Fail
1.6
Fail
1.4
Fail
—
White BG
1.0Fail
2.1Fail
1.8Fail
2.1Fail
2.8Fail
Black BG
20.6AAA
10.2AAA
11.7AAA
10.2AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDFB
D2D195
CECE83
B6B692
7E7EA3

Deuteranopia

FDFDFB
D8DF95
D0D188
B5B595
7A74A3

Tritanopia

FDFBFB
F89696
D89396
B39C9E
63A4A4

Achromatopsia

FDFDFD
B7B7B7
BEBEBE
B1B1B1
909090

Shades & Tints Shades & Tints

#FDFDFA

Dark
Light

#FD9A93

Dark
Light

#D9C070

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfdfa;
  --color-2: #fd9a93;
  --color-3: #d9c070;
  --color-4: #b3b985;
  --color-5: #5fa6a2;
}

SCSS

$color-1: #fdfdfa;
$color-2: #fd9a93;
$color-3: #d9c070;
$color-4: #b3b985;
$color-5: #5fa6a2;

TAILWIND

colors: {
  'brand-1': '#fdfdfa',
  'brand-2': '#fd9a93',
  'brand-3': '#d9c070',
  'brand-4': '#b3b985',
  'brand-5': '#5fa6a2',
}

RGB Array

[253, 253, 250], [253, 154, 147], [217, 192, 112], [179, 185, 133], [95, 166, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFDFA, #FD9A93, #D9C070, #B3B985, #5FA6A2 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: #fdfdfa; --color-2: #fd9a93; --color-3: #d9c070; --color-4: #b3b985; --color-5: #5fa6a2. 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