← Back to Editor

#FAF6D0 · #C7D8AB · #909A92 · #744F78 · #30091E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAF6D0

Fresh Green · Beige · Lemon Cream

HEX
#FAF6D0
RGB
rgb(250, 246, 208)
HSL
hsl(54, 81%, 90%)
HSB
hsb(54, 17%, 98%)
CMYK
cmyk(0%, 2%, 17%, 2%)
Oklch
oklch(96.7% 0.050 102.3)

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

#C7D8AB

Willow Green · Silver · Apple Green

HEX
#C7D8AB
RGB
rgb(199, 216, 171)
HSL
hsl(83, 37%, 76%)
HSB
hsb(83, 21%, 85%)
CMYK
cmyk(8%, 0%, 21%, 15%)
Oklch
oklch(85.8% 0.063 124.5)

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

#909A92

Ash · LightSlateGray · Silver Sand

HEX
#909A92
RGB
rgb(144, 154, 146)
HSL
hsl(132, 5%, 58%)
HSB
hsb(132, 6%, 60%)
CMYK
cmyk(6%, 0%, 5%, 40%)
Oklch
oklch(67.6% 0.016 151.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#744F78

Dark Plum · DimGray · Eggplant

HEX
#744F78
RGB
rgb(116, 79, 120)
HSL
hsl(294, 21%, 39%)
HSB
hsb(294, 34%, 47%)
CMYK
cmyk(3%, 34%, 0%, 53%)
Oklch
oklch(48.3% 0.078 323.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#30091E

Rose Purple · Black · Raspberry

HEX
#30091E
RGB
rgb(48, 9, 30)
HSL
hsl(328, 68%, 11%)
HSB
hsb(328, 81%, 19%)
CMYK
cmyk(0%, 81%, 37%, 81%)
Oklch
oklch(21.8% 0.068 351.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF6D0
D1D5FA

Analogous

FAE1D1
FAF6D0
EAFAD1

Triadic

FAF6D0
D1FAF6
F6D1FA

Split-Comp.

FAF6D0
D1EAFA
E1D1FA

Tetradic

FAF6D0
D1FAE1
D1D5FA
FAD1EA

Contrast Matrix WCAG 2.1 Contrast

FAF6D0
C7D8AB
909A92
744F78
30091E
—
1.4
Fail
2.7
Fail
6.1
AA
16.2
AAA
1.4
Fail
—
1.9
Fail
4.4
AA Large
11.7
AAA
2.7
Fail
1.9
Fail
—
2.3
Fail
6.1
AA
6.1
AA
4.4
AA Large
2.3
Fail
—
2.6
Fail
16.2
AAA
11.7
AAA
6.1
AA
2.6
Fail
—
White BG
1.1Fail
1.5Fail
2.9Fail
6.7AA
17.7AAA
Black BG
19.2AAA
13.8AAA
7.2AAA
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8D9
CECFB6
949494
64646E
1F1F19

Deuteranopia

F9F9DB
CDCCB9
949394
66696C
212418

Tritanopia

FAE0E2
C8BEC0
909596
726665
2E1514

Achromatopsia

F3F3F3
CECECE
969696
5F5F5F
171717

Shades & Tints Shades & Tints

#FAF6D0

Dark
Light

#C7D8AB

Dark
Light

#909A92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf6d0;
  --color-2: #c7d8ab;
  --color-3: #909a92;
  --color-4: #744f78;
  --color-5: #30091e;
}

SCSS

$color-1: #faf6d0;
$color-2: #c7d8ab;
$color-3: #909a92;
$color-4: #744f78;
$color-5: #30091e;

TAILWIND

colors: {
  'brand-1': '#faf6d0',
  'brand-2': '#c7d8ab',
  'brand-3': '#909a92',
  'brand-4': '#744f78',
  'brand-5': '#30091e',
}

RGB Array

[250, 246, 208], [199, 216, 171], [144, 154, 146], [116, 79, 120], [48, 9, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF6D0, #C7D8AB, #909A92, #744F78, #30091E is ideal for: 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: #faf6d0; --color-2: #c7d8ab; --color-3: #909a92; --color-4: #744f78; --color-5: #30091e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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