← Back to Editor

#FAD9E2 · #F9B6B0 · #F9889C · #997C90 · #255063

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FAD9E2

Rouge · Linen · Cherry Blossom

HEX
#FAD9E2
RGB
rgb(250, 217, 226)
HSL
hsl(344, 77%, 92%)
HSB
hsb(344, 13%, 98%)
CMYK
cmyk(0%, 13%, 10%, 2%)
Oklch
oklch(91.5% 0.038 359.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F9B6B0

Peach Pink · LightPink · Cherry Blossom

HEX
#F9B6B0
RGB
rgb(249, 182, 176)
HSL
hsl(5, 86%, 83%)
HSB
hsb(5, 29%, 98%)
CMYK
cmyk(0%, 27%, 29%, 2%)
Oklch
oklch(83.7% 0.079 24.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F9889C

Peach Pink · LightCoral · Coral Red

HEX
#F9889C
RGB
rgb(249, 136, 156)
HSL
hsl(349, 90%, 75%)
HSB
hsb(349, 45%, 98%)
CMYK
cmyk(0%, 45%, 37%, 2%)
Oklch
oklch(75.5% 0.138 9.7)

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

#997C90

Rose Purple · Gray · Violet

HEX
#997C90
RGB
rgb(153, 124, 144)
HSL
hsl(319, 12%, 54%)
HSB
hsb(319, 19%, 60%)
CMYK
cmyk(0%, 19%, 6%, 40%)
Oklch
oklch(62.0% 0.046 337.6)

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

#255063

Slate Blue · DarkSlateGray · Mint Ice

HEX
#255063
RGB
rgb(37, 80, 99)
HSL
hsl(198, 46%, 27%)
HSB
hsb(198, 63%, 39%)
CMYK
cmyk(63%, 19%, 0%, 61%)
Oklch
oklch(40.9% 0.057 229.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD9E2
DBFAF2

Analogous

FADBF3
FAD9E2
FAE2DB

Triadic

FAD9E2
E3FADB
DBE3FA

Split-Comp.

FAD9E2
DBFAE2
DBF3FA

Tetradic

FAD9E2
F3FADB
DBFAF2
E2DBFA

Contrast Matrix WCAG 2.1 Contrast

FAD9E2
F9B6B0
F9889C
997C90
255063
—
1.3
Fail
1.8
Fail
2.9
Fail
6.7
AA
1.3
Fail
—
1.4
Fail
2.2
Fail
5.1
AA
1.8
Fail
1.4
Fail
—
1.6
Fail
3.8
AA Large
2.9
Fail
2.2
Fail
1.6
Fail
—
2.3
Fail
6.7
AA
5.1
AA
3.8
AA Large
2.3
Fail
—
White BG
1.3Fail
1.7Fail
2.3Fail
3.7AA Large
8.7AAA
Black BG
16.1AAA
12.3AAA
9.0AAA
5.6AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBE0
DCDBB1
C8C797
8C8C8B
38385E

Deuteranopia

EEF0DF
E0E5B2
CFD796
8E908A
35325D

Tritanopia

F8DEDE
F6B3B3
F39393
988787
275B5A

Achromatopsia

E4E4E4
C9C9C9
ACACAC
878787
454545

Shades & Tints Shades & Tints

#FAD9E2

Dark
Light

#F9B6B0

Dark
Light

#F9889C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad9e2;
  --color-2: #f9b6b0;
  --color-3: #f9889c;
  --color-4: #997c90;
  --color-5: #255063;
}

SCSS

$color-1: #fad9e2;
$color-2: #f9b6b0;
$color-3: #f9889c;
$color-4: #997c90;
$color-5: #255063;

TAILWIND

colors: {
  'brand-1': '#fad9e2',
  'brand-2': '#f9b6b0',
  'brand-3': '#f9889c',
  'brand-4': '#997c90',
  'brand-5': '#255063',
}

RGB Array

[250, 217, 226], [249, 182, 176], [249, 136, 156], [153, 124, 144], [37, 80, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FAD9E2, #F9B6B0, #F9889C, #997C90, #255063 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fad9e2; --color-2: #f9b6b0; --color-3: #f9889c; --color-4: #997c90; --color-5: #255063. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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