← Back to Editor

#F5F5EB · #DEE2D0 · #606060 · #FA755E · #CCC4BD

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

#F5F5EB

Fresh Green · Linen · Lemon Cream

HEX
#F5F5EB
RGB
rgb(245, 245, 235)
HSL
hsl(60, 33%, 94%)
HSB
hsb(60, 4%, 96%)
CMYK
cmyk(0%, 0%, 4%, 4%)
Oklch
oklch(96.7% 0.013 106.6)

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

#DEE2D0

Willow Green · LightGray · Mint Green

HEX
#DEE2D0
RGB
rgb(222, 226, 208)
HSL
hsl(73, 24%, 85%)
HSB
hsb(73, 8%, 89%)
CMYK
cmyk(2%, 0%, 8%, 11%)
Oklch
oklch(90.5% 0.024 117.1)

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

#606060

Ink Gray · DimGray · Charcoal

HEX
#606060
RGB
rgb(96, 96, 96)
HSL
hsl(0, 0%, 38%)
HSB
hsb(0, 0%, 38%)
CMYK
cmyk(0%, 0%, 0%, 62%)
Oklch
oklch(48.9% 0.000 89.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#FA755E

Peach Pink · Coral · Coral Red

HEX
#FA755E
RGB
rgb(250, 117, 94)
HSL
hsl(9, 94%, 67%)
HSB
hsb(9, 62%, 98%)
CMYK
cmyk(0%, 53%, 62%, 2%)
Oklch
oklch(71.6% 0.168 31.5)

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

#CCC4BD

Apricot · Silver · Peach Orange

HEX
#CCC4BD
RGB
rgb(204, 196, 189)
HSL
hsl(28, 13%, 77%)
HSB
hsb(28, 7%, 80%)
CMYK
cmyk(0%, 4%, 7%, 20%)
Oklch
oklch(82.5% 0.013 63.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5F5EB
EBEBF5

Analogous

F5F0EB
F5F5EB
F0F5EB

Triadic

F5F5EB
EBF5F5
F5EBF5

Split-Comp.

F5F5EB
EBF0F5
F0EBF5

Tetradic

F5F5EB
EBF5F0
EBEBF5
F5EBF0

Contrast Matrix WCAG 2.1 Contrast

F5F5EB
DEE2D0
606060
FA755E
CCC4BD
—
1.2
Fail
5.7
AA
2.5
Fail
1.6
Fail
1.2
Fail
—
4.8
AA
2.0
Fail
1.3
Fail
5.7
AA
4.8
AA
—
2.3
Fail
3.7
AA Large
2.5
Fail
2.0
Fail
2.3
Fail
—
1.6
Fail
1.6
Fail
1.3
Fail
3.7
AA Large
1.6
Fail
—
White BG
1.1Fail
1.3Fail
6.3AA
2.7Fail
1.7Fail
Black BG
19.1AAA
15.9AAA
3.3AA Large
7.8AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5ED
E0E0D4
606060
C0BF64
C9C8BF

Deuteranopia

F5F5EE
E0DFD5
606060
C8D265
C9CABF

Tritanopia

F5EFF0
DED8D9
606060
F36869
CCC0C0

Achromatopsia

F4F4F4
DFDFDF
606060
9A9A9A
C6C6C6

Shades & Tints Shades & Tints

#F5F5EB

Dark
Light

#DEE2D0

Dark
Light

#606060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5f5eb;
  --color-2: #dee2d0;
  --color-3: #606060;
  --color-4: #fa755e;
  --color-5: #ccc4bd;
}

SCSS

$color-1: #f5f5eb;
$color-2: #dee2d0;
$color-3: #606060;
$color-4: #fa755e;
$color-5: #ccc4bd;

TAILWIND

colors: {
  'brand-1': '#f5f5eb',
  'brand-2': '#dee2d0',
  'brand-3': '#606060',
  'brand-4': '#fa755e',
  'brand-5': '#ccc4bd',
}

RGB Array

[245, 245, 235], [222, 226, 208], [96, 96, 96], [250, 117, 94], [204, 196, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5F5EB, #DEE2D0, #606060, #FA755E, #CCC4BD 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: #f5f5eb; --color-2: #dee2d0; --color-3: #606060; --color-4: #fa755e; --color-5: #ccc4bd. 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