← Back to Editor

#F7F6B5 · #FBFFE7 · #C2D682 · #96833E · #6E321D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F7F6B5

Fresh Green · Wheat · Lemon Cream

HEX
#F7F6B5
RGB
rgb(247, 246, 181)
HSL
hsl(59, 80%, 84%)
HSB
hsb(59, 27%, 97%)
CMYK
cmyk(0%, 0%, 27%, 3%)
Oklch
oklch(95.9% 0.083 107.1)

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

#FBFFE7

Willow Green · LightYellow · Mint Green

HEX
#FBFFE7
RGB
rgb(251, 255, 231)
HSL
hsl(70, 100%, 95%)
HSB
hsb(70, 9%, 100%)
CMYK
cmyk(2%, 0%, 9%, 0%)
Oklch
oklch(99.1% 0.032 114.7)

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

#C2D682

Willow Green · Tan · Apple Green

HEX
#C2D682
RGB
rgb(194, 214, 130)
HSL
hsl(74, 51%, 67%)
HSB
hsb(74, 39%, 84%)
CMYK
cmyk(9%, 0%, 39%, 16%)
Oklch
oklch(84.2% 0.111 119.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#96833E

Ochre · Sienna · Honey Gold

HEX
#96833E
RGB
rgb(150, 131, 62)
HSL
hsl(47, 42%, 42%)
HSB
hsb(47, 59%, 59%)
CMYK
cmyk(0%, 13%, 59%, 41%)
Oklch
oklch(61.3% 0.092 94.1)

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

#6E321D

Tangerine · Brown · Amber Brown

HEX
#6E321D
RGB
rgb(110, 50, 29)
HSL
hsl(16, 58%, 27%)
HSB
hsb(16, 74%, 43%)
CMYK
cmyk(0%, 55%, 74%, 57%)
Oklch
oklch(39.4% 0.092 39.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F6B5
B6B7F7

Analogous

F7D5B6
F7F6B5
D7F7B6

Triadic

F7F6B5
B6F7F6
F6B6F7

Split-Comp.

F7F6B5
B6D7F7
D5B6F7

Tetradic

F7F6B5
B6F7D5
B6B7F7
F7B6D7

Contrast Matrix WCAG 2.1 Contrast

F7F6B5
FBFFE7
C2D682
96833E
6E321D
—
1.1
Fail
1.4
Fail
3.4
AA Large
8.8
AAA
1.1
Fail
—
1.6
Fail
3.7
AA Large
9.6
AAA
1.4
Fail
1.6
Fail
—
2.4
Fail
6.2
AA
3.4
AA Large
3.7
AA Large
2.4
Fail
—
2.6
Fail
8.8
AAA
9.6
AAA
6.2
AA
2.6
Fail
—
White BG
1.1Fail
1.0Fail
1.6Fail
3.7AA Large
9.8AAA
Black BG
18.8AAA
20.6AAA
13.2AAA
5.6AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7C5
FDFDED
CBCB96
8E8E4F
545322

Deuteranopia

F7F7C9
FDFCEE
CAC89B
8F9053
585C23

Tritanopia

F7D1D4
FBF1F2
C3A6AA
955C5F
6B2627

Achromatopsia

EFEFEF
FBFBFB
C6C6C6
818181
424242

Shades & Tints Shades & Tints

#F7F6B5

Dark
Light

#FBFFE7

Dark
Light

#C2D682

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f6b5;
  --color-2: #fbffe7;
  --color-3: #c2d682;
  --color-4: #96833e;
  --color-5: #6e321d;
}

SCSS

$color-1: #f7f6b5;
$color-2: #fbffe7;
$color-3: #c2d682;
$color-4: #96833e;
$color-5: #6e321d;

TAILWIND

colors: {
  'brand-1': '#f7f6b5',
  'brand-2': '#fbffe7',
  'brand-3': '#c2d682',
  'brand-4': '#96833e',
  'brand-5': '#6e321d',
}

RGB Array

[247, 246, 181], [251, 255, 231], [194, 214, 130], [150, 131, 62], [110, 50, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7F6B5, #FBFFE7, #C2D682, #96833E, #6E321D 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: #f7f6b5; --color-2: #fbffe7; --color-3: #c2d682; --color-4: #96833e; --color-5: #6e321d. 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