← Back to Editor

#FDF3E7 · #D1DABB · #94BDAD · #79A195 · #807F7D

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

#FDF3E7

Goose Yellow · Linen · Peach Orange

HEX
#FDF3E7
RGB
rgb(253, 243, 231)
HSL
hsl(33, 85%, 95%)
HSB
hsb(33, 9%, 99%)
CMYK
cmyk(0%, 4%, 9%, 1%)
Oklch
oklch(96.9% 0.019 72.6)

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

#D1DABB

Willow Green · LightGray · Apple Green

HEX
#D1DABB
RGB
rgb(209, 218, 187)
HSL
hsl(77, 30%, 79%)
HSB
hsb(77, 14%, 85%)
CMYK
cmyk(4%, 0%, 14%, 15%)
Oklch
oklch(87.3% 0.043 120.5)

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

#94BDAD

Jade · DarkGray · Apple Green

HEX
#94BDAD
RGB
rgb(148, 189, 173)
HSL
hsl(157, 24%, 66%)
HSB
hsb(157, 22%, 74%)
CMYK
cmyk(22%, 0%, 8%, 26%)
Oklch
oklch(76.4% 0.049 169.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#79A195

Mineral Blue · LightSlateGray · Lake Green

HEX
#79A195
RGB
rgb(121, 161, 149)
HSL
hsl(162, 18%, 55%)
HSB
hsb(162, 25%, 63%)
CMYK
cmyk(25%, 0%, 7%, 37%)
Oklch
oklch(67.6% 0.047 174.4)

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

#807F7D

Ink Gray · Gray · Warm Gray

HEX
#807F7D
RGB
rgb(128, 127, 125)
HSL
hsl(40, 1%, 50%)
HSB
hsb(40, 2%, 50%)
CMYK
cmyk(0%, 1%, 2%, 50%)
Oklch
oklch(59.7% 0.003 84.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF3E7
E7F1FD

Analogous

FDE8E7
FDF3E7
FCFDE7

Triadic

FDF3E7
E7FDF3
F3E7FD

Split-Comp.

FDF3E7
E7FCFD
E8E7FD

Tetradic

FDF3E7
E7FDE8
E7F1FD
FDE7FC

Contrast Matrix WCAG 2.1 Contrast

FDF3E7
D1DABB
94BDAD
79A195
807F7D
—
1.3
Fail
1.9
Fail
2.6
Fail
3.6
AA Large
1.3
Fail
—
1.4
Fail
2.0
Fail
2.8
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.6
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
3.6
AA Large
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
1.1Fail
1.5Fail
2.1Fail
2.9Fail
4.0AA Large
Black BG
19.2AAA
14.5AAA
10.1AAA
7.3AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9EA
D5D5C3
A6A6B1
8A8B98
80807D

Deuteranopia

F9FAEB
D4D4C4
A3A0B2
888599
80807E

Tritanopia

FDECED
D1C8CA
96B4B5
7B9A9B
807E7E

Achromatopsia

F5F5F5
D4D4D4
AFAFAF
949494
7F7F7F

Shades & Tints Shades & Tints

#FDF3E7

Dark
Light

#D1DABB

Dark
Light

#94BDAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf3e7;
  --color-2: #d1dabb;
  --color-3: #94bdad;
  --color-4: #79a195;
  --color-5: #807f7d;
}

SCSS

$color-1: #fdf3e7;
$color-2: #d1dabb;
$color-3: #94bdad;
$color-4: #79a195;
$color-5: #807f7d;

TAILWIND

colors: {
  'brand-1': '#fdf3e7',
  'brand-2': '#d1dabb',
  'brand-3': '#94bdad',
  'brand-4': '#79a195',
  'brand-5': '#807f7d',
}

RGB Array

[253, 243, 231], [209, 218, 187], [148, 189, 173], [121, 161, 149], [128, 127, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF3E7, #D1DABB, #94BDAD, #79A195, #807F7D 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: #fdf3e7; --color-2: #d1dabb; --color-3: #94bdad; --color-4: #79a195; --color-5: #807f7d. 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