← Back to Editor

#FBF3C2 · #F69B62 · #CAAF2C · #A2C85B · #269B81

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

Color Details Color Details

#FBF3C2

Fresh Green · Bisque · Lemon Cream

HEX
#FBF3C2
RGB
rgb(251, 243, 194)
HSL
hsl(52, 88%, 87%)
HSB
hsb(52, 23%, 98%)
CMYK
cmyk(0%, 3%, 23%, 2%)
Oklch
oklch(95.8% 0.064 99.8)

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

#F69B62

Apricot · SandyBrown · Warm Sun

HEX
#F69B62
RGB
rgb(246, 155, 98)
HSL
hsl(23, 89%, 67%)
HSB
hsb(23, 60%, 96%)
CMYK
cmyk(0%, 37%, 60%, 4%)
Oklch
oklch(77.1% 0.131 51.8)

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

#CAAF2C

Autumn Sage · GoldenRod · Honey Gold

HEX
#CAAF2C
RGB
rgb(202, 175, 44)
HSL
hsl(50, 64%, 48%)
HSB
hsb(50, 78%, 79%)
CMYK
cmyk(0%, 13%, 78%, 21%)
Oklch
oklch(75.6% 0.143 96.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A2C85B

Grass Green · DarkSeaGreen · Olive Green

HEX
#A2C85B
RGB
rgb(162, 200, 91)
HSL
hsl(81, 50%, 57%)
HSB
hsb(81, 54%, 78%)
CMYK
cmyk(19%, 0%, 54%, 22%)
Oklch
oklch(78.2% 0.144 125.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#269B81

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#269B81
RGB
rgb(38, 155, 129)
HSL
hsl(167, 61%, 38%)
HSB
hsb(167, 75%, 61%)
CMYK
cmyk(75%, 0%, 17%, 39%)
Oklch
oklch(62.0% 0.108 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

FBF3C2
C1C8FB

Analogous

FBD6C1
FBF3C2
E6FBC1

Triadic

FBF3C2
C1FBF3
F3C1FB

Split-Comp.

FBF3C2
C1E6FB
D6C1FB

Tetradic

FBF3C2
C1FBD6
C1C8FB
FBC1E6

Contrast Matrix WCAG 2.1 Contrast

FBF3C2
F69B62
CAAF2C
A2C85B
269B81
—
1.9
Fail
1.9
Fail
1.7
Fail
3.1
AA Large
1.9
Fail
—
1.0
Fail
1.1
Fail
1.6
Fail
1.9
Fail
1.0
Fail
—
1.1
Fail
1.6
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.8
Fail
3.1
AA Large
1.6
Fail
1.6
Fail
1.8
Fail
—
White BG
1.1Fail
2.1Fail
2.2Fail
1.9Fail
3.4AA Large
Black BG
18.7AAA
9.8AAA
9.7AAA
10.9AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F7CE
CFCE70
BEBE4C
B2B375
595A87

Deuteranopia

F8F9D1
D4DB73
C0C253
B0AD7C
524989

Tritanopia

FBD7D9
F17B7D
C9656A
A48A8F
2C8C8D

Achromatopsia

F0F0F0
B0B0B0
A8A8A8
B0B0B0
757575

Shades & Tints Shades & Tints

#FBF3C2

Dark
Light

#F69B62

Dark
Light

#CAAF2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf3c2;
  --color-2: #f69b62;
  --color-3: #caaf2c;
  --color-4: #a2c85b;
  --color-5: #269b81;
}

SCSS

$color-1: #fbf3c2;
$color-2: #f69b62;
$color-3: #caaf2c;
$color-4: #a2c85b;
$color-5: #269b81;

TAILWIND

colors: {
  'brand-1': '#fbf3c2',
  'brand-2': '#f69b62',
  'brand-3': '#caaf2c',
  'brand-4': '#a2c85b',
  'brand-5': '#269b81',
}

RGB Array

[251, 243, 194], [246, 155, 98], [202, 175, 44], [162, 200, 91], [38, 155, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF3C2, #F69B62, #CAAF2C, #A2C85B, #269B81 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: #fbf3c2; --color-2: #f69b62; --color-3: #caaf2c; --color-4: #a2c85b; --color-5: #269b81. 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 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