← Back to Editor

#255E65 · #D5BA83 · #06000B · #FBDC5D · #795032

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

#255E65

Slate Blue · DarkSlateGray · Mint Ice

HEX
#255E65
RGB
rgb(37, 94, 101)
HSL
hsl(187, 46%, 27%)
HSB
hsb(187, 63%, 40%)
CMYK
cmyk(63%, 7%, 0%, 60%)
Oklch
oklch(44.7% 0.060 206.3)

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

#D5BA83

Ginger · BurlyWood · Sunflower

HEX
#D5BA83
RGB
rgb(213, 186, 131)
HSL
hsl(40, 49%, 67%)
HSB
hsb(40, 38%, 84%)
CMYK
cmyk(0%, 13%, 38%, 16%)
Oklch
oklch(79.9% 0.078 84.6)

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

#06000B

Royal Purple · Black · Dark Purple

HEX
#06000B
RGB
rgb(6, 0, 11)
HSL
hsl(273, 100%, 2%)
HSB
hsb(273, 100%, 4%)
CMYK
cmyk(45%, 100%, 0%, 96%)
Oklch
oklch(9.2% 0.046 314.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#FBDC5D

Ginger · Khaki · Sunflower

HEX
#FBDC5D
RGB
rgb(251, 220, 93)
HSL
hsl(48, 95%, 67%)
HSB
hsb(48, 63%, 98%)
CMYK
cmyk(0%, 12%, 63%, 2%)
Oklch
oklch(89.7% 0.148 95.5)

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

#795032

Tangerine · Sienna · Amber Brown

HEX
#795032
RGB
rgb(121, 80, 50)
HSL
hsl(25, 42%, 34%)
HSB
hsb(25, 59%, 47%)
CMYK
cmyk(0%, 34%, 59%, 53%)
Oklch
oklch(47.0% 0.071 56.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

255E65
652D25

Analogous

25654C
255E65
253D65

Triadic

255E65
65255D
5D6525

Split-Comp.

255E65
65253D
654C25

Tetradic

255E65
4C2565
652D25
3D6525

Contrast Matrix WCAG 2.1 Contrast

255E65
D5BA83
06000B
FBDC5D
795032
—
3.9
AA Large
2.8
Fail
5.4
AA
1.0
Fail
3.9
AA Large
—
11.0
AAA
1.4
Fail
3.7
AA Large
2.8
Fail
11.0
AAA
—
15.3
AAA
3.0
Fail
5.4
AA
1.4
Fail
15.3
AAA
—
5.2
AA
1.0
Fail
3.7
AA Large
3.0
Fail
5.2
AA
—
White BG
7.3AAA
1.9Fail
20.7AAA
1.4Fail
7.0AA
Black BG
2.9Fail
11.2AAA
1.0Fail
15.5AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E63
C9C990
030308
EEED7C
676739

Deuteranopia

3A3663
CBCD94
040408
EFF283
6A6D3B

Tritanopia

286262
D49B9D
060606
F99499
773F40

Achromatopsia

4E4E4E
BCBCBC
030303
D7D7D7
595959

Shades & Tints Shades & Tints

#255E65

Dark
Light

#D5BA83

Dark
Light

#06000B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #255e65;
  --color-2: #d5ba83;
  --color-3: #06000b;
  --color-4: #fbdc5d;
  --color-5: #795032;
}

SCSS

$color-1: #255e65;
$color-2: #d5ba83;
$color-3: #06000b;
$color-4: #fbdc5d;
$color-5: #795032;

TAILWIND

colors: {
  'brand-1': '#255e65',
  'brand-2': '#d5ba83',
  'brand-3': '#06000b',
  'brand-4': '#fbdc5d',
  'brand-5': '#795032',
}

RGB Array

[37, 94, 101], [213, 186, 131], [6, 0, 11], [251, 220, 93], [121, 80, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #255E65, #D5BA83, #06000B, #FBDC5D, #795032 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #255e65; --color-2: #d5ba83; --color-3: #06000b; --color-4: #fbdc5d; --color-5: #795032. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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