← Back to Editor

#FFB898 · #F8EBC1 · #D9D3A1 · #A8BE90 · #55928B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#FFB898

Apricot · BurlyWood · Peach Orange

HEX
#FFB898
RGB
rgb(255, 184, 152)
HSL
hsl(19, 100%, 80%)
HSB
hsb(19, 40%, 100%)
CMYK
cmyk(0%, 28%, 40%, 0%)
Oklch
oklch(84.1% 0.094 45.2)

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

#F8EBC1

Goose Yellow · Bisque · Lemon Cream

HEX
#F8EBC1
RGB
rgb(248, 235, 193)
HSL
hsl(46, 80%, 86%)
HSB
hsb(46, 22%, 97%)
CMYK
cmyk(0%, 5%, 22%, 3%)
Oklch
oklch(94.0% 0.056 92.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D9D3A1

Fresh Green · Wheat · Sunflower

HEX
#D9D3A1
RGB
rgb(217, 211, 161)
HSL
hsl(54, 42%, 74%)
HSB
hsb(54, 26%, 85%)
CMYK
cmyk(0%, 3%, 26%, 15%)
Oklch
oklch(85.9% 0.066 101.9)

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

#A8BE90

Willow Green · DarkSeaGreen · Apple Green

HEX
#A8BE90
RGB
rgb(168, 190, 144)
HSL
hsl(89, 26%, 65%)
HSB
hsb(89, 24%, 75%)
CMYK
cmyk(12%, 0%, 24%, 25%)
Oklch
oklch(77.3% 0.068 128.7)

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

#55928B

Mineral Blue · CadetBlue · Mint Ice

HEX
#55928B
RGB
rgb(85, 146, 139)
HSL
hsl(173, 26%, 45%)
HSB
hsb(173, 42%, 57%)
CMYK
cmyk(42%, 0%, 5%, 43%)
Oklch
oklch(61.6% 0.065 186.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB898
99DFFF

Analogous

FF99AC
FFB898
FFEC99

Triadic

FFB898
99FFB9
B999FF

Split-Comp.

FFB898
99FFEC
99ACFF

Tetradic

FFB898
ACFF99
99DFFF
EC99FF

Contrast Matrix WCAG 2.1 Contrast

FFB898
F8EBC1
D9D3A1
A8BE90
55928B
—
1.4
Fail
1.1
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
3.0
AA Large
1.1
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
1.2
Fail
1.7
Fail
1.3
Fail
—
1.8
Fail
2.1
Fail
3.0
AA Large
2.3
Fail
1.8
Fail
—
White BG
1.7Fail
1.2Fail
1.5Fail
2.0Fail
3.6AA Large
Black BG
12.6AAA
17.6AAA
13.8AAA
10.4AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0A0
F2F2CB
D6D6AD
B2B29B
6F708D

Deuteranopia

E4EAA2
F3F4CE
D7D7B0
B0AF9E
6C678D

Tritanopia

FBA6A7
F7D3D5
D9B7B9
A9A4A6
588E8E

Achromatopsia

CACACA
EAEAEA
CFCFCF
B2B2B2
7F7F7F

Shades & Tints Shades & Tints

#FFB898

Dark
Light

#F8EBC1

Dark
Light

#D9D3A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb898;
  --color-2: #f8ebc1;
  --color-3: #d9d3a1;
  --color-4: #a8be90;
  --color-5: #55928b;
}

SCSS

$color-1: #ffb898;
$color-2: #f8ebc1;
$color-3: #d9d3a1;
$color-4: #a8be90;
$color-5: #55928b;

TAILWIND

colors: {
  'brand-1': '#ffb898',
  'brand-2': '#f8ebc1',
  'brand-3': '#d9d3a1',
  'brand-4': '#a8be90',
  'brand-5': '#55928b',
}

RGB Array

[255, 184, 152], [248, 235, 193], [217, 211, 161], [168, 190, 144], [85, 146, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFB898, #F8EBC1, #D9D3A1, #A8BE90, #55928B 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: #ffb898; --color-2: #f8ebc1; --color-3: #d9d3a1; --color-4: #a8be90; --color-5: #55928b. 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 pastel-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