← Back to Editor

#FAE2B1 · #FFBF29 · #FF4551 · #6FD9D7 · #613D30

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 AppData Visualization

Color Details Color Details

#FAE2B1

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE2B1
RGB
rgb(250, 226, 177)
HSL
hsl(40, 88%, 84%)
HSB
hsb(40, 29%, 98%)
CMYK
cmyk(0%, 10%, 29%, 2%)
Oklch
oklch(92.1% 0.069 84.9)

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

#FFBF29

Ginger · GoldenRod · Sunflower

HEX
#FFBF29
RGB
rgb(255, 191, 41)
HSL
hsl(42, 100%, 58%)
HSB
hsb(42, 84%, 100%)
CMYK
cmyk(0%, 25%, 84%, 0%)
Oklch
oklch(84.1% 0.164 82.5)

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

#FF4551

Peach Pink · Tomato · Coral Red

HEX
#FF4551
RGB
rgb(255, 69, 81)
HSL
hsl(356, 100%, 64%)
HSB
hsb(356, 73%, 100%)
CMYK
cmyk(0%, 73%, 68%, 0%)
Oklch
oklch(66.6% 0.221 22.4)

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

#6FD9D7

Jade · SkyBlue · Lake Green

HEX
#6FD9D7
RGB
rgb(111, 217, 215)
HSL
hsl(179, 58%, 64%)
HSB
hsb(179, 49%, 85%)
CMYK
cmyk(49%, 0%, 1%, 15%)
Oklch
oklch(82.2% 0.098 193.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#613D30

Tangerine · DarkOliveGreen · Amber Brown

HEX
#613D30
RGB
rgb(97, 61, 48)
HSL
hsl(16, 34%, 28%)
HSB
hsb(16, 51%, 38%)
CMYK
cmyk(0%, 37%, 51%, 62%)
Oklch
oklch(39.9% 0.055 40.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE2B1
B2CAFA

Analogous

FABEB2
FAE2B1
EEFAB2

Triadic

FAE2B1
B2FAE2
E2B2FA

Split-Comp.

FAE2B1
B2EEFA
BEB2FA

Tetradic

FAE2B1
B2FABE
B2CAFA
FAB2EE

Contrast Matrix WCAG 2.1 Contrast

FAE2B1
FFBF29
FF4551
6FD9D7
613D30
—
1.3
Fail
2.7
Fail
1.3
Fail
7.5
AAA
1.3
Fail
—
2.0
Fail
1.0
Fail
5.7
AA
2.7
Fail
2.0
Fail
—
2.0
Fail
2.8
Fail
1.3
Fail
1.0
Fail
2.0
Fail
—
5.7
AA
7.5
AAA
5.7
AA
2.8
Fail
5.7
AA
—
White BG
1.3Fail
1.6Fail
3.4AA Large
1.7Fail
9.5AAA
Black BG
16.6AAA
12.7AAA
6.2AA
12.6AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFBD
E3E34D
AEAD4E
9D9ED7
515133

Deuteranopia

F1F3C0
E7EC56
B9C74D
978FD8
545634

Tritanopia

F9C6C8
FC6A70
F64C4B
74D8D8
5F3636

Achromatopsia

E4E4E4
C1C1C1
7E7E7E
B9B9B9
464646

Shades & Tints Shades & Tints

#FAE2B1

Dark
Light

#FFBF29

Dark
Light

#FF4551

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae2b1;
  --color-2: #ffbf29;
  --color-3: #ff4551;
  --color-4: #6fd9d7;
  --color-5: #613d30;
}

SCSS

$color-1: #fae2b1;
$color-2: #ffbf29;
$color-3: #ff4551;
$color-4: #6fd9d7;
$color-5: #613d30;

TAILWIND

colors: {
  'brand-1': '#fae2b1',
  'brand-2': '#ffbf29',
  'brand-3': '#ff4551',
  'brand-4': '#6fd9d7',
  'brand-5': '#613d30',
}

RGB Array

[250, 226, 177], [255, 191, 41], [255, 69, 81], [111, 217, 215], [97, 61, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FAE2B1, #FFBF29, #FF4551, #6FD9D7, #613D30 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #fae2b1; --color-2: #ffbf29; --color-3: #ff4551; --color-4: #6fd9d7; --color-5: #613d30. 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. 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 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