← Back to Editor

#F2875B · #F5AC67 · #FFD280 · #FAFFF9 · #DDDAB9

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F2875B

Apricot · Coral · Warm Sun

HEX
#F2875B
RGB
rgb(242, 135, 91)
HSL
hsl(17, 85%, 65%)
HSB
hsb(17, 62%, 95%)
CMYK
cmyk(0%, 44%, 62%, 5%)
Oklch
oklch(73.2% 0.144 42.5)

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

#F5AC67

Apricot · SandyBrown · Warm Sun

HEX
#F5AC67
RGB
rgb(245, 172, 103)
HSL
hsl(29, 88%, 68%)
HSB
hsb(29, 58%, 96%)
CMYK
cmyk(0%, 30%, 58%, 4%)
Oklch
oklch(80.0% 0.121 63.0)

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

#FFD280

Goose Yellow · Khaki · Warm Sun

HEX
#FFD280
RGB
rgb(255, 210, 128)
HSL
hsl(39, 100%, 75%)
HSB
hsb(39, 50%, 100%)
CMYK
cmyk(0%, 18%, 50%, 0%)
Oklch
oklch(88.6% 0.112 81.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAFFF9

Emerald · Snow · Mint Green

HEX
#FAFFF9
RGB
rgb(250, 255, 249)
HSL
hsl(110, 100%, 99%)
HSB
hsb(110, 2%, 100%)
CMYK
cmyk(2%, 0%, 2%, 0%)
Oklch
oklch(99.5% 0.009 140.5)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#DDDAB9

Fresh Green · Wheat · Lemon Cream

HEX
#DDDAB9
RGB
rgb(221, 218, 185)
HSL
hsl(55, 35%, 80%)
HSB
hsb(55, 16%, 87%)
CMYK
cmyk(0%, 1%, 16%, 13%)
Oklch
oklch(88.2% 0.044 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2875B
5AC7F2

Analogous

F25A7B
F2875B
F2D15A

Triadic

F2875B
5AF285
855AF2

Split-Comp.

F2875B
5AF2D1
5A7BF2

Tetradic

F2875B
7BF25A
5AC7F2
D15AF2

Contrast Matrix WCAG 2.1 Contrast

F2875B
F5AC67
FFD280
FAFFF9
DDDAB9
—
1.3
Fail
1.8
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
1.3
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
1.0
Fail
1.4
Fail
—
White BG
2.5Fail
1.9Fail
1.4Fail
1.0Fail
1.4Fail
Black BG
8.4AAA
11.0AAA
14.8AAA
20.7AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C366
D5D578
ECEB94
FCFCFA
DCDCC1

Deuteranopia

CAD268
DADF7C
EEF299
FCFCFB
DCDCC3

Tritanopia

ED6E70
F18588
FDA4A7
FAFCFC
DDC7C9

Achromatopsia

A2A2A2
BABABA
D6D6D6
FDFDFD
D7D7D7

Shades & Tints Shades & Tints

#F2875B

Dark
Light

#F5AC67

Dark
Light

#FFD280

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2875b;
  --color-2: #f5ac67;
  --color-3: #ffd280;
  --color-4: #fafff9;
  --color-5: #dddab9;
}

SCSS

$color-1: #f2875b;
$color-2: #f5ac67;
$color-3: #ffd280;
$color-4: #fafff9;
$color-5: #dddab9;

TAILWIND

colors: {
  'brand-1': '#f2875b',
  'brand-2': '#f5ac67',
  'brand-3': '#ffd280',
  'brand-4': '#fafff9',
  'brand-5': '#dddab9',
}

RGB Array

[242, 135, 91], [245, 172, 103], [255, 210, 128], [250, 255, 249], [221, 218, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F2875B, #F5AC67, #FFD280, #FAFFF9, #DDDAB9 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: #f2875b; --color-2: #f5ac67; --color-3: #ffd280; --color-4: #fafff9; --color-5: #dddab9. 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 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