← Back to Editor

#FDE8CD · #F1C5BC · #C9C0C5 · #7BB0C0 · #49A6AD

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

#FDE8CD

Goose Yellow · Bisque · Peach Orange

HEX
#FDE8CD
RGB
rgb(253, 232, 205)
HSL
hsl(34, 92%, 90%)
HSB
hsb(34, 19%, 99%)
CMYK
cmyk(0%, 8%, 19%, 1%)
Oklch
oklch(94.1% 0.042 74.2)

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

#F1C5BC

Peach Pink · Pink · Cherry Blossom

HEX
#F1C5BC
RGB
rgb(241, 197, 188)
HSL
hsl(10, 65%, 84%)
HSB
hsb(10, 22%, 95%)
CMYK
cmyk(0%, 18%, 22%, 5%)
Oklch
oklch(85.9% 0.052 31.6)

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

#C9C0C5

Mauve · Silver · Pearl Gray

HEX
#C9C0C5
RGB
rgb(201, 192, 197)
HSL
hsl(327, 8%, 77%)
HSB
hsb(327, 4%, 79%)
CMYK
cmyk(0%, 4%, 2%, 21%)
Oklch
oklch(81.7% 0.012 342.7)

Traditional「Mauve」· Paint「Pearl Gray」· Creative Silver Lining

#7BB0C0

Sky Blue · MediumAquaMarine · Lake Green

HEX
#7BB0C0
RGB
rgb(123, 176, 192)
HSL
hsl(194, 35%, 62%)
HSB
hsb(194, 36%, 75%)
CMYK
cmyk(36%, 8%, 0%, 25%)
Oklch
oklch(72.6% 0.060 218.6)

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

#49A6AD

Slate Blue · CadetBlue · Mint Ice

HEX
#49A6AD
RGB
rgb(73, 166, 173)
HSL
hsl(184, 41%, 48%)
HSB
hsb(184, 58%, 68%)
CMYK
cmyk(58%, 4%, 0%, 32%)
Oklch
oklch(67.2% 0.088 202.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDE8CD
CEE2FD

Analogous

FDD1CE
FDE8CD
FAFDCE

Triadic

FDE8CD
CEFDE9
E9CEFD

Split-Comp.

FDE8CD
CEFAFD
D1CEFD

Tetradic

FDE8CD
CEFDD1
CEE2FD
FDCEFA

Contrast Matrix WCAG 2.1 Contrast

FDE8CD
F1C5BC
C9C0C5
7BB0C0
49A6AD
—
1.3
Fail
1.5
Fail
2.0
Fail
2.4
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
White BG
1.2Fail
1.6Fail
1.8Fail
2.4Fail
2.9Fail
Black BG
17.6AAA
13.5AAA
11.8AAA
8.8AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D4
DEDEBE
C5C5C4
9292BC
7172AB

Deuteranopia

F5F7D5
E1E4BF
C6C6C3
8F8BBB
6C65AB

Tritanopia

FCD9DA
EFC0C0
C9C3C3
7EB9B8
4EAAAA

Achromatopsia

EBEBEB
D1D1D1
C3C3C3
A2A2A2
8B8B8B

Shades & Tints Shades & Tints

#FDE8CD

Dark
Light

#F1C5BC

Dark
Light

#C9C0C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fde8cd;
  --color-2: #f1c5bc;
  --color-3: #c9c0c5;
  --color-4: #7bb0c0;
  --color-5: #49a6ad;
}

SCSS

$color-1: #fde8cd;
$color-2: #f1c5bc;
$color-3: #c9c0c5;
$color-4: #7bb0c0;
$color-5: #49a6ad;

TAILWIND

colors: {
  'brand-1': '#fde8cd',
  'brand-2': '#f1c5bc',
  'brand-3': '#c9c0c5',
  'brand-4': '#7bb0c0',
  'brand-5': '#49a6ad',
}

RGB Array

[253, 232, 205], [241, 197, 188], [201, 192, 197], [123, 176, 192], [73, 166, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDE8CD, #F1C5BC, #C9C0C5, #7BB0C0, #49A6AD 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: #fde8cd; --color-2: #f1c5bc; --color-3: #c9c0c5; --color-4: #7bb0c0; --color-5: #49a6ad. 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