#F9DB9F + #FBBA90 + #C49498 + #6B8792 + #5E6189 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F9DB9F

Goose Yellow · Wheat · Lemon Cream

HEX

#F9DB9F

RGB

rgb(249, 219, 159)

HSL

hsl(40, 88%, 80%)

HSB

hsb(40, 36%, 98%)

CMYK

cmyk(0%, 12%, 36%, 2%)

Oklch

oklch(90.3% 0.083 84.3)

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

#FBBA90

Apricot · BurlyWood · Peach Orange

HEX

#FBBA90

RGB

rgb(251, 186, 144)

HSL

hsl(24, 93%, 77%)

HSB

hsb(24, 43%, 98%)

CMYK

cmyk(0%, 26%, 43%, 2%)

Oklch

oklch(83.9% 0.094 53.9)

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

#C49498

Peach Pink · Tan · Coral Red

HEX

#C49498

RGB

rgb(196, 148, 152)

HSL

hsl(355, 29%, 67%)

HSB

hsb(355, 24%, 77%)

CMYK

cmyk(0%, 24%, 22%, 23%)

Oklch

oklch(71.3% 0.058 13.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#6B8792

Slate Blue · SlateGray · Mint Ice

HEX

#6B8792

RGB

rgb(107, 135, 146)

HSL

hsl(197, 15%, 50%)

HSB

hsb(197, 27%, 57%)

CMYK

cmyk(27%, 8%, 0%, 43%)

Oklch

oklch(60.6% 0.036 223.8)

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

#5E6189

Indigo · DimGray · Navy Blue

HEX

#5E6189

RGB

rgb(94, 97, 137)

HSL

hsl(236, 19%, 45%)

HSB

hsb(236, 31%, 54%)

CMYK

cmyk(31%, 29%, 0%, 46%)

Oklch

oklch(50.6% 0.063 280.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9DB9F

9FBDF9

Analogous

F9AE9F

F9DB9F

EAF99F

Triadic

F9DB9F

9FF9DB

DB9FF9

Split-Comp.

F9DB9F

9FEAF9

AE9FF9

Tetradic

F9DB9F

9FF9AE

9FBDF9

F99FEA

Contrast Matrix WCAG 2.1 Contrast

F9DB9F	FBBA90	C49498	6B8792	5E6189
—	1.3 Fail	1.9 Fail	2.8 Fail	4.4 AA Large
1.3 Fail	—	1.6 Fail	2.3 Fail	3.5 AA Large
1.9 Fail	1.6 Fail	—	1.5 Fail	2.3 Fail
2.8 Fail	2.3 Fail	1.5 Fail	—	1.6 Fail
4.4 AA Large	3.5 AA Large	2.3 Fail	1.6 Fail	—

White BG

1.3Fail

1.7Fail

2.6Fail

3.8AA Large

5.9AA

Black BG

15.7AAA

12.5AAA

8.0AAA

5.5AA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECAE

DFDE9A

AFAF97

77778F

5F5F7F

Deuteranopia

EEF0B1

E3E89D

B2B697

76738F

5F5F7D

Tritanopia

F7B9BC

F8A2A4

C29696

6C8D8D

5E7876

Achromatopsia

DDDDDD

C9C9C9

A3A3A3

808080

656565

Shades & Tints Shades & Tints

#F9DB9F

Dark

Light

#FBBA90

Dark

Light

#C49498

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9db9f;
  --color-2: #fbba90;
  --color-3: #c49498;
  --color-4: #6b8792;
  --color-5: #5e6189;
}

SCSS

$color-1: #f9db9f;
$color-2: #fbba90;
$color-3: #c49498;
$color-4: #6b8792;
$color-5: #5e6189;

TAILWIND

colors: {
  'brand-1': '#f9db9f',
  'brand-2': '#fbba90',
  'brand-3': '#c49498',
  'brand-4': '#6b8792',
  'brand-5': '#5e6189',
}

RGB Array

[249, 219, 159], [251, 186, 144], [196, 148, 152], [107, 135, 146], [94, 97, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F9DB9F, #FBBA90, #C49498, #6B8792, #5E6189 is ideal for: corporate websites, product showcases, portfolios. 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: #f9db9f; --color-2: #fbba90; --color-3: #c49498; --color-4: #6b8792; --color-5: #5e6189. 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. 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