← Back to Editor

#251F15 · #488575 · #7C967B · #EB9A7F · #CC6762

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#251F15

Ochre · Black · Cinnamon

HEX
#251F15
RGB
rgb(37, 31, 21)
HSL
hsl(37, 28%, 11%)
HSB
hsb(37, 43%, 15%)
CMYK
cmyk(0%, 16%, 43%, 85%)
Oklch
oklch(24.3% 0.020 80.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#488575

Mineral Blue · SeaGreen · Mint Ice

HEX
#488575
RGB
rgb(72, 133, 117)
HSL
hsl(164, 30%, 40%)
HSB
hsb(164, 46%, 52%)
CMYK
cmyk(46%, 0%, 12%, 48%)
Oklch
oklch(57.1% 0.069 174.8)

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

#7C967B

Celadon · Gray · Olive Green

HEX
#7C967B
RGB
rgb(124, 150, 123)
HSL
hsl(118, 11%, 54%)
HSB
hsb(118, 18%, 59%)
CMYK
cmyk(17%, 0%, 18%, 41%)
Oklch
oklch(64.5% 0.049 144.0)

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

#EB9A7F

Apricot · DarkSalmon · Warm Sun

HEX
#EB9A7F
RGB
rgb(235, 154, 127)
HSL
hsl(15, 73%, 71%)
HSB
hsb(15, 46%, 92%)
CMYK
cmyk(0%, 34%, 46%, 8%)
Oklch
oklch(76.1% 0.105 39.2)

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

#CC6762

Crimson · LightCoral · Passion Red

HEX
#CC6762
RGB
rgb(204, 103, 98)
HSL
hsl(3, 51%, 59%)
HSB
hsb(3, 52%, 80%)
CMYK
cmyk(0%, 50%, 52%, 20%)
Oklch
oklch(63.2% 0.129 24.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251F15
141A24

Analogous

241614
251F15
222414

Triadic

251F15
14241E
1E1424

Split-Comp.

251F15
142224
161424

Tetradic

251F15
142416
141A24
241422

Contrast Matrix WCAG 2.1 Contrast

251F15
488575
7C967B
EB9A7F
CC6762
—
3.8
AA Large
5.1
AA
7.4
AAA
4.4
AA Large
3.8
AA Large
—
1.3
Fail
1.9
Fail
1.2
Fail
5.1
AA
1.3
Fail
—
1.5
Fail
1.1
Fail
7.4
AAA
1.9
Fail
1.5
Fail
—
1.7
Fail
4.4
AA Large
1.2
Fail
1.1
Fail
1.7
Fail
—
White BG
16.3AAA
4.3AA Large
3.2AA Large
2.2Fail
3.7AA Large
Black BG
1.3Fail
4.9AA
6.5AA
9.5AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222217
626379
878782
C8C786
A09F63

Deuteranopia

232318
5F5A7A
868483
CDD387
A6AE64

Tritanopia

25191A
4B7C7D
7D8788
E78B8C
C76464

Achromatopsia

202020
717171
8B8B8B
AFAFAF
858585

Shades & Tints Shades & Tints

#251F15

Dark
Light

#488575

Dark
Light

#7C967B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251f15;
  --color-2: #488575;
  --color-3: #7c967b;
  --color-4: #eb9a7f;
  --color-5: #cc6762;
}

SCSS

$color-1: #251f15;
$color-2: #488575;
$color-3: #7c967b;
$color-4: #eb9a7f;
$color-5: #cc6762;

TAILWIND

colors: {
  'brand-1': '#251f15',
  'brand-2': '#488575',
  'brand-3': '#7c967b',
  'brand-4': '#eb9a7f',
  'brand-5': '#cc6762',
}

RGB Array

[37, 31, 21], [72, 133, 117], [124, 150, 123], [235, 154, 127], [204, 103, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251F15, #488575, #7C967B, #EB9A7F, #CC6762 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #251f15; --color-2: #488575; --color-3: #7c967b; --color-4: #eb9a7f; --color-5: #cc6762. 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 tech, SaaS, healthcare, eco industries. 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