← Back to Editor

#FF9D4D · #FFD519 · #FAF1C8 · #2CB8DB · #7A86E9

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF9D4D

Apricot · SandyBrown · Warm Sun

HEX
#FF9D4D
RGB
rgb(255, 157, 77)
HSL
hsl(27, 100%, 65%)
HSB
hsb(27, 70%, 100%)
CMYK
cmyk(0%, 38%, 70%, 0%)
Oklch
oklch(78.3% 0.150 57.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFD519

Ginger · Gold · Sunflower

HEX
#FFD519
RGB
rgb(255, 213, 25)
HSL
hsl(49, 100%, 55%)
HSB
hsb(49, 90%, 100%)
CMYK
cmyk(0%, 16%, 90%, 0%)
Oklch
oklch(88.3% 0.178 94.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FAF1C8

Goose Yellow · Bisque · Lemon Cream

HEX
#FAF1C8
RGB
rgb(250, 241, 200)
HSL
hsl(49, 83%, 88%)
HSB
hsb(49, 20%, 98%)
CMYK
cmyk(0%, 4%, 20%, 2%)
Oklch
oklch(95.5% 0.054 97.0)

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

#2CB8DB

Lake Blue · MediumTurquoise · Lake Green

HEX
#2CB8DB
RGB
rgb(44, 184, 219)
HSL
hsl(192, 71%, 52%)
HSB
hsb(192, 80%, 86%)
CMYK
cmyk(80%, 16%, 0%, 14%)
Oklch
oklch(72.7% 0.122 219.5)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7A86E9

Azure · CornflowerBlue · Cobalt Blue

HEX
#7A86E9
RGB
rgb(122, 134, 233)
HSL
hsl(234, 72%, 70%)
HSB
hsb(234, 48%, 91%)
CMYK
cmyk(48%, 42%, 0%, 9%)
Oklch
oklch(65.5% 0.147 276.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9D4D
4DAFFF

Analogous

FF4D55
FF9D4D
FFF64D

Triadic

FF9D4D
4DFF9D
9D4DFF

Split-Comp.

FF9D4D
4DFFF6
4D55FF

Tetradic

FF9D4D
55FF4D
4DAFFF
F64DFF

Contrast Matrix WCAG 2.1 Contrast

FF9D4D
FFD519
FAF1C8
2CB8DB
7A86E9
—
1.5
Fail
1.8
Fail
1.1
Fail
1.6
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
2.1
Fail
2.9
Fail
1.1
Fail
1.6
Fail
2.1
Fail
—
1.4
Fail
1.6
Fail
2.3
Fail
2.9
Fail
1.4
Fail
—
White BG
2.1Fail
1.4Fail
1.1Fail
2.3Fail
3.3AA Large
Black BG
10.2AAA
14.8AAA
18.5AAA
9.0AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D460
EDEC46
F6F6D2
696AD3
7F7FD1

Deuteranopia

DAE265
EFF251
F7F7D4
6156D0
7F7ECB

Tritanopia

FA7073
FD6A72
FADADB
33CCCA
7BBEBA

Achromatopsia

B1B1B1
CCCCCC
EFEFEF
929292
8E8E8E

Shades & Tints Shades & Tints

#FF9D4D

Dark
Light

#FFD519

Dark
Light

#FAF1C8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9d4d;
  --color-2: #ffd519;
  --color-3: #faf1c8;
  --color-4: #2cb8db;
  --color-5: #7a86e9;
}

SCSS

$color-1: #ff9d4d;
$color-2: #ffd519;
$color-3: #faf1c8;
$color-4: #2cb8db;
$color-5: #7a86e9;

TAILWIND

colors: {
  'brand-1': '#ff9d4d',
  'brand-2': '#ffd519',
  'brand-3': '#faf1c8',
  'brand-4': '#2cb8db',
  'brand-5': '#7a86e9',
}

RGB Array

[255, 157, 77], [255, 213, 25], [250, 241, 200], [44, 184, 219], [122, 134, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FF9D4D, #FFD519, #FAF1C8, #2CB8DB, #7A86E9 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #ff9d4d; --color-2: #ffd519; --color-3: #faf1c8; --color-4: #2cb8db; --color-5: #7a86e9. 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. 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 cool-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