← Back to Editor

#FAF4D7 · #E0B7B4 · #B7C793 · #76ABAD · #5C5F94

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

#FAF4D7

Fresh Green · Beige · Lemon Cream

HEX
#FAF4D7
RGB
rgb(250, 244, 215)
HSL
hsl(50, 78%, 91%)
HSB
hsb(50, 14%, 98%)
CMYK
cmyk(0%, 2%, 14%, 2%)
Oklch
oklch(96.4% 0.038 97.4)

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

#E0B7B4

Peach Pink · LightPink · Coral Red

HEX
#E0B7B4
RGB
rgb(224, 183, 180)
HSL
hsl(4, 42%, 79%)
HSB
hsb(4, 20%, 88%)
CMYK
cmyk(0%, 18%, 20%, 12%)
Oklch
oklch(81.5% 0.048 23.1)

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

#B7C793

Willow Green · Tan · Apple Green

HEX
#B7C793
RGB
rgb(183, 199, 147)
HSL
hsl(78, 32%, 68%)
HSB
hsb(78, 26%, 78%)
CMYK
cmyk(8%, 0%, 26%, 22%)
Oklch
oklch(80.4% 0.072 121.9)

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

#76ABAD

Slate Blue · CadetBlue · Lake Green

HEX
#76ABAD
RGB
rgb(118, 171, 173)
HSL
hsl(182, 25%, 57%)
HSB
hsb(182, 32%, 68%)
CMYK
cmyk(32%, 1%, 0%, 32%)
Oklch
oklch(70.5% 0.056 198.9)

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

#5C5F94

Indigo · SlateGray · Navy Blue

HEX
#5C5F94
RGB
rgb(92, 95, 148)
HSL
hsl(237, 23%, 47%)
HSB
hsb(237, 38%, 58%)
CMYK
cmyk(38%, 36%, 0%, 42%)
Oklch
oklch(50.6% 0.084 280.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF4D7
D6DCFA

Analogous

FAE2D6
FAF4D7
EEFAD6

Triadic

FAF4D7
D6FAF4
F4D6FA

Split-Comp.

FAF4D7
D6EEFA
E2D6FA

Tetradic

FAF4D7
D6FAE2
D6DCFA
FAD6EE

Contrast Matrix WCAG 2.1 Contrast

FAF4D7
E0B7B4
B7C793
76ABAD
5C5F94
—
1.6
Fail
1.6
Fail
2.3
Fail
5.4
AA
1.6
Fail
—
1.0
Fail
1.4
Fail
3.3
AA Large
1.6
Fail
1.0
Fail
—
1.4
Fail
3.3
AA Large
2.3
Fail
1.4
Fail
1.4
Fail
—
2.3
Fail
5.4
AA
3.3
AA Large
3.3
AA Large
2.3
Fail
—
White BG
1.1Fail
1.8Fail
1.8Fail
2.6Fail
6.0AA
Black BG
19.0AAA
11.6AAA
11.6AAA
8.2AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7DE
CECEB5
BEBEA0
8D8DAD
5D5D87

Deuteranopia

F8F8E0
D1D4B5
BDBCA3
8A86AC
5D5D84

Tritanopia

FAE4E5
DEB5B5
B8AAAC
79ACAC
5C7D7B

Achromatopsia

F2F2F2
C3C3C3
BCBCBC
9B9B9B
646464

Shades & Tints Shades & Tints

#FAF4D7

Dark
Light

#E0B7B4

Dark
Light

#B7C793

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf4d7;
  --color-2: #e0b7b4;
  --color-3: #b7c793;
  --color-4: #76abad;
  --color-5: #5c5f94;
}

SCSS

$color-1: #faf4d7;
$color-2: #e0b7b4;
$color-3: #b7c793;
$color-4: #76abad;
$color-5: #5c5f94;

TAILWIND

colors: {
  'brand-1': '#faf4d7',
  'brand-2': '#e0b7b4',
  'brand-3': '#b7c793',
  'brand-4': '#76abad',
  'brand-5': '#5c5f94',
}

RGB Array

[250, 244, 215], [224, 183, 180], [183, 199, 147], [118, 171, 173], [92, 95, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF4D7, #E0B7B4, #B7C793, #76ABAD, #5C5F94 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: #faf4d7; --color-2: #e0b7b4; --color-3: #b7c793; --color-4: #76abad; --color-5: #5c5f94. 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