← Back to Editor

#6B5423 · #FBB829 · #B1BF6A · #229C79 · #1693A5

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

#6B5423

Ochre · DarkOliveGreen · Honey Gold

HEX
#6B5423
RGB
rgb(107, 84, 35)
HSL
hsl(41, 51%, 28%)
HSB
hsb(41, 67%, 42%)
CMYK
cmyk(0%, 21%, 67%, 58%)
Oklch
oklch(45.9% 0.073 83.9)

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

#FBB829

Ginger · GoldenRod · Sunflower

HEX
#FBB829
RGB
rgb(251, 184, 41)
HSL
hsl(41, 96%, 57%)
HSB
hsb(41, 84%, 98%)
CMYK
cmyk(0%, 27%, 84%, 2%)
Oklch
oklch(82.4% 0.161 80.3)

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

#B1BF6A

Grass Green · Tan · Olive Green

HEX
#B1BF6A
RGB
rgb(177, 191, 106)
HSL
hsl(70, 40%, 58%)
HSB
hsb(70, 45%, 75%)
CMYK
cmyk(7%, 0%, 45%, 25%)
Oklch
oklch(77.5% 0.111 116.7)

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

#229C79

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#229C79
RGB
rgb(34, 156, 121)
HSL
hsl(163, 64%, 37%)
HSB
hsb(163, 78%, 61%)
CMYK
cmyk(78%, 0%, 22%, 39%)
Oklch
oklch(62.0% 0.116 168.4)

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

#1693A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1693A5
RGB
rgb(22, 147, 165)
HSL
hsl(188, 76%, 37%)
HSB
hsb(188, 87%, 65%)
CMYK
cmyk(87%, 11%, 0%, 35%)
Oklch
oklch(61.0% 0.102 210.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B5423
233A6C

Analogous

6C3023
6B5423
5E6C23

Triadic

6B5423
236C55
55236C

Split-Comp.

6B5423
235E6C
30236C

Tetradic

6B5423
236C30
233A6C
6C235E

Contrast Matrix WCAG 2.1 Contrast

6B5423
FBB829
B1BF6A
229C79
1693A5
—
4.1
AA Large
3.6
AA Large
2.1
Fail
2.0
Fail
4.1
AA Large
—
1.1
Fail
2.0
Fail
2.1
Fail
3.6
AA Large
1.1
Fail
—
1.7
Fail
1.8
Fail
2.1
Fail
2.0
Fail
1.7
Fail
—
1.1
Fail
2.0
Fail
2.1
Fail
1.8
Fail
1.1
Fail
—
White BG
7.2AAA
1.8Fail
2.0Fail
3.4AA Large
3.7AA Large
Black BG
2.9Fail
12.0AAA
10.5AAA
6.1AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61612F
DEDD4C
B7B77F
575881
4C4DA1

Deuteranopia

626432
E2E754
B6B584
504784
453CA0

Tritanopia

6A383A
F8676D
B28F92
28888A
1C9D9C

Achromatopsia

555555
BCBCBC
B1B1B1
747474
707070

Shades & Tints Shades & Tints

#6B5423

Dark
Light

#FBB829

Dark
Light

#B1BF6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b5423;
  --color-2: #fbb829;
  --color-3: #b1bf6a;
  --color-4: #229c79;
  --color-5: #1693a5;
}

SCSS

$color-1: #6b5423;
$color-2: #fbb829;
$color-3: #b1bf6a;
$color-4: #229c79;
$color-5: #1693a5;

TAILWIND

colors: {
  'brand-1': '#6b5423',
  'brand-2': '#fbb829',
  'brand-3': '#b1bf6a',
  'brand-4': '#229c79',
  'brand-5': '#1693a5',
}

RGB Array

[107, 84, 35], [251, 184, 41], [177, 191, 106], [34, 156, 121], [22, 147, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #6B5423, #FBB829, #B1BF6A, #229C79, #1693A5 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: #6b5423; --color-2: #fbb829; --color-3: #b1bf6a; --color-4: #229c79; --color-5: #1693a5. 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