← Back to Editor

#FDFCF0 · #FBB491 · #CB8782 · #918081 · #B4C3CF

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#FDFCF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FDFCF0
RGB
rgb(253, 252, 240)
HSL
hsl(55, 76%, 97%)
HSB
hsb(55, 5%, 99%)
CMYK
cmyk(0%, 0%, 5%, 1%)
Oklch
oklch(98.9% 0.016 102.8)

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

#FBB491

Apricot · LightSalmon · Peach Orange

HEX
#FBB491
RGB
rgb(251, 180, 145)
HSL
hsl(20, 93%, 78%)
HSB
hsb(20, 42%, 98%)
CMYK
cmyk(0%, 28%, 42%, 2%)
Oklch
oklch(82.8% 0.096 47.2)

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

#CB8782

Peach Pink · DarkSalmon · Coral Red

HEX
#CB8782
RGB
rgb(203, 135, 130)
HSL
hsl(4, 41%, 65%)
HSB
hsb(4, 36%, 80%)
CMYK
cmyk(0%, 33%, 36%, 20%)
Oklch
oklch(69.1% 0.085 24.1)

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

#918081

Ash · Gray · Warm Gray

HEX
#918081
RGB
rgb(145, 128, 129)
HSL
hsl(356, 7%, 54%)
HSB
hsb(356, 12%, 57%)
CMYK
cmyk(0%, 12%, 11%, 43%)
Oklch
oklch(61.6% 0.021 13.7)

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

#B4C3CF

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B4C3CF
RGB
rgb(180, 195, 207)
HSL
hsl(207, 22%, 76%)
HSB
hsb(207, 13%, 81%)
CMYK
cmyk(13%, 6%, 0%, 19%)
Oklch
oklch(80.9% 0.024 242.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFCF0
F2F3FD

Analogous

FDF6F2
FDFCF0
F8FDF2

Triadic

FDFCF0
F2FDFC
FCF2FD

Split-Comp.

FDFCF0
F2F8FD
F6F2FD

Tetradic

FDFCF0
F2FDF6
F2F3FD
FDF2F8

Contrast Matrix WCAG 2.1 Contrast

FDFCF0
FBB491
CB8782
918081
B4C3CF
—
1.7
Fail
2.8
Fail
3.6
AA Large
1.7
Fail
1.7
Fail
—
1.6
Fail
2.1
Fail
1.0
Fail
2.8
Fail
1.6
Fail
—
1.3
Fail
1.6
Fail
3.6
AA Large
2.1
Fail
1.3
Fail
—
2.1
Fail
1.7
Fail
1.0
Fail
1.6
Fail
2.1
Fail
—
White BG
1.0Fail
1.7Fail
2.9Fail
3.7AA Large
1.8Fail
Black BG
20.4AAA
12.0AAA
7.3AAA
5.6AA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF3
DCDC99
AEAD83
8A8981
BABBCC

Deuteranopia

FDFDF4
E0E69C
B2B784
8B8C81
BAB9CB

Tritanopia

FDF5F6
F7A0A2
C88484
908181
B5CAC9

Achromatopsia

FBFBFB
C5C5C5
9B9B9B
858585
C0C0C0

Shades & Tints Shades & Tints

#FDFCF0

Dark
Light

#FBB491

Dark
Light

#CB8782

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfcf0;
  --color-2: #fbb491;
  --color-3: #cb8782;
  --color-4: #918081;
  --color-5: #b4c3cf;
}

SCSS

$color-1: #fdfcf0;
$color-2: #fbb491;
$color-3: #cb8782;
$color-4: #918081;
$color-5: #b4c3cf;

TAILWIND

colors: {
  'brand-1': '#fdfcf0',
  'brand-2': '#fbb491',
  'brand-3': '#cb8782',
  'brand-4': '#918081',
  'brand-5': '#b4c3cf',
}

RGB Array

[253, 252, 240], [251, 180, 145], [203, 135, 130], [145, 128, 129], [180, 195, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FDFCF0, #FBB491, #CB8782, #918081, #B4C3CF 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: #fdfcf0; --color-2: #fbb491; --color-3: #cb8782; --color-4: #918081; --color-5: #b4c3cf. 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 minimal-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