← Back to Editor

#F5F2BC · #DBCF9A · #E69C09 · #ADB064 · #30C7A6

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 App

Color Details Color Details

#F5F2BC

Fresh Green · Bisque · Lemon Cream

HEX
#F5F2BC
RGB
rgb(245, 242, 188)
HSL
hsl(57, 74%, 85%)
HSB
hsb(57, 23%, 96%)
CMYK
cmyk(0%, 1%, 23%, 4%)
Oklch
oklch(95.0% 0.070 105.0)

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

#DBCF9A

Goose Yellow · BurlyWood · Sunflower

HEX
#DBCF9A
RGB
rgb(219, 207, 154)
HSL
hsl(49, 47%, 73%)
HSB
hsb(49, 30%, 86%)
CMYK
cmyk(0%, 5%, 30%, 14%)
Oklch
oklch(85.1% 0.071 96.9)

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

#E69C09

Ochre · GoldenRod · Honey Gold

HEX
#E69C09
RGB
rgb(230, 156, 9)
HSL
hsl(40, 92%, 47%)
HSB
hsb(40, 96%, 90%)
CMYK
cmyk(0%, 32%, 96%, 10%)
Oklch
oklch(74.7% 0.156 74.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#ADB064

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ADB064
RGB
rgb(173, 176, 100)
HSL
hsl(62, 32%, 54%)
HSB
hsb(62, 43%, 69%)
CMYK
cmyk(2%, 0%, 43%, 31%)
Oklch
oklch(73.8% 0.099 110.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#30C7A6

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#30C7A6
RGB
rgb(48, 199, 166)
HSL
hsl(167, 61%, 48%)
HSB
hsb(167, 76%, 78%)
CMYK
cmyk(76%, 0%, 17%, 22%)
Oklch
oklch(74.5% 0.131 173.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5F2BC
BCBFF5

Analogous

F5D6BC
F5F2BC
DCF5BC

Triadic

F5F2BC
BCF5F2
F2BCF5

Split-Comp.

F5F2BC
BCDCF5
D6BCF5

Tetradic

F5F2BC
BCF5D6
BCBFF5
F5BCDC

Contrast Matrix WCAG 2.1 Contrast

F5F2BC
DBCF9A
E69C09
ADB064
30C7A6
—
1.4
Fail
2.0
Fail
2.0
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
1.5
Fail
1.4
Fail
2.0
Fail
1.5
Fail
—
1.0
Fail
1.1
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
1.9
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
1.1Fail
1.6Fail
2.3Fail
2.3Fail
2.1Fail
Black BG
18.3AAA
13.4AAA
9.1AAA
9.2AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4C9
D6D6A7
C6C52D
AEAE76
7173AE

Deuteranopia

F4F4CC
D7D7AA
CAD035
AEAE7B
695DB0

Tritanopia

F5D3D6
DAB1B3
E2494F
AD8588
38B4B6

Achromatopsia

EDEDED
CDCDCD
A1A1A1
A6A6A6
969696

Shades & Tints Shades & Tints

#F5F2BC

Dark
Light

#DBCF9A

Dark
Light

#E69C09

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5f2bc;
  --color-2: #dbcf9a;
  --color-3: #e69c09;
  --color-4: #adb064;
  --color-5: #30c7a6;
}

SCSS

$color-1: #f5f2bc;
$color-2: #dbcf9a;
$color-3: #e69c09;
$color-4: #adb064;
$color-5: #30c7a6;

TAILWIND

colors: {
  'brand-1': '#f5f2bc',
  'brand-2': '#dbcf9a',
  'brand-3': '#e69c09',
  'brand-4': '#adb064',
  'brand-5': '#30c7a6',
}

RGB Array

[245, 242, 188], [219, 207, 154], [230, 156, 9], [173, 176, 100], [48, 199, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F5F2BC, #DBCF9A, #E69C09, #ADB064, #30C7A6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f5f2bc; --color-2: #dbcf9a; --color-3: #e69c09; --color-4: #adb064; --color-5: #30c7a6. 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 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