← Back to Editor

#FFB70F · #FFE25E · #FFF7D4 · #B6D6D0 · #7A9993

A 5-color palette 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

#FFB70F

Ginger · Orange · Sunflower

HEX
#FFB70F
RGB
rgb(255, 183, 15)
HSL
hsl(42, 100%, 53%)
HSB
hsb(42, 94%, 100%)
CMYK
cmyk(0%, 28%, 94%, 0%)
Oklch
oklch(82.6% 0.169 79.6)

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

#FFE25E

Ginger · Khaki · Sunflower

HEX
#FFE25E
RGB
rgb(255, 226, 94)
HSL
hsl(49, 100%, 68%)
HSB
hsb(49, 63%, 100%)
CMYK
cmyk(0%, 11%, 63%, 0%)
Oklch
oklch(91.3% 0.152 96.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFF7D4

Goose Yellow · Beige · Lemon Cream

HEX
#FFF7D4
RGB
rgb(255, 247, 212)
HSL
hsl(49, 100%, 92%)
HSB
hsb(49, 17%, 100%)
CMYK
cmyk(0%, 3%, 17%, 0%)
Oklch
oklch(97.3% 0.046 96.5)

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

#B6D6D0

Jade · LightSteelBlue · Glacier Blue

HEX
#B6D6D0
RGB
rgb(182, 214, 208)
HSL
hsl(169, 28%, 78%)
HSB
hsb(169, 15%, 84%)
CMYK
cmyk(15%, 0%, 3%, 16%)
Oklch
oklch(85.1% 0.035 182.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#7A9993

Mineral Blue · LightSlateGray · Lake Green

HEX
#7A9993
RGB
rgb(122, 153, 147)
HSL
hsl(168, 13%, 54%)
HSB
hsb(168, 20%, 60%)
CMYK
cmyk(20%, 0%, 4%, 40%)
Oklch
oklch(65.8% 0.036 182.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB70F
0F57FF

Analogous

FF3F0F
FFB70F
CFFF0F

Triadic

FFB70F
0FFFB7
B70FFF

Split-Comp.

FFB70F
0FCFFF
3F0FFF

Tetradic

FFB70F
0FFF3F
0F57FF
FF0FCF

Contrast Matrix WCAG 2.1 Contrast

FFB70F
FFE25E
FFF7D4
B6D6D0
7A9993
—
1.4
Fail
1.6
Fail
1.1
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.9
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
2.0
Fail
1.8
Fail
2.4
Fail
2.9
Fail
2.0
Fail
—
White BG
1.7Fail
1.3Fail
1.1Fail
1.6Fail
3.1AA Large
Black BG
12.0AAA
16.3AAA
19.5AAA
13.5AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0DF38
F2F27E
FCFBDC
C4C4D1
878894

Deuteranopia

E4E941
F4F686
FCFDDE
C2C0D2
868395

Tritanopia

FB585F
FE979D
FFE3E5
B8D3D3
7C9696

Achromatopsia

B9B9B9
DCDCDC
F5F5F5
CCCCCC
8F8F8F

Shades & Tints Shades & Tints

#FFB70F

Dark
Light

#FFE25E

Dark
Light

#FFF7D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb70f;
  --color-2: #ffe25e;
  --color-3: #fff7d4;
  --color-4: #b6d6d0;
  --color-5: #7a9993;
}

SCSS

$color-1: #ffb70f;
$color-2: #ffe25e;
$color-3: #fff7d4;
$color-4: #b6d6d0;
$color-5: #7a9993;

TAILWIND

colors: {
  'brand-1': '#ffb70f',
  'brand-2': '#ffe25e',
  'brand-3': '#fff7d4',
  'brand-4': '#b6d6d0',
  'brand-5': '#7a9993',
}

RGB Array

[255, 183, 15], [255, 226, 94], [255, 247, 212], [182, 214, 208], [122, 153, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB70F, #FFE25E, #FFF7D4, #B6D6D0, #7A9993 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: #ffb70f; --color-2: #ffe25e; --color-3: #fff7d4; --color-4: #b6d6d0; --color-5: #7a9993. 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 general-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