← Back to Editor

#CCA000 · #BF8263 · #BD626D · #D1007D · #263045

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#CCA000

Ochre · DarkGoldenRod · Honey Gold

HEX
#CCA000
RGB
rgb(204, 160, 0)
HSL
hsl(47, 100%, 40%)
HSB
hsb(47, 100%, 80%)
CMYK
cmyk(0%, 22%, 100%, 20%)
Oklch
oklch(72.6% 0.148 88.8)

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

#BF8263

Tangerine · DarkSalmon · Warm Sun

HEX
#BF8263
RGB
rgb(191, 130, 99)
HSL
hsl(20, 42%, 57%)
HSB
hsb(20, 48%, 75%)
CMYK
cmyk(0%, 32%, 48%, 25%)
Oklch
oklch(66.1% 0.088 47.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BD626D

Crimson · LightCoral · Passion Red

HEX
#BD626D
RGB
rgb(189, 98, 109)
HSL
hsl(353, 41%, 56%)
HSB
hsb(353, 48%, 74%)
CMYK
cmyk(0%, 48%, 42%, 26%)
Oklch
oklch(60.6% 0.117 13.6)

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

#D1007D

Rose Purple · MediumVioletRed · Camellia

HEX
#D1007D
RGB
rgb(209, 0, 125)
HSL
hsl(324, 100%, 41%)
HSB
hsb(324, 100%, 82%)
CMYK
cmyk(0%, 100%, 40%, 18%)
Oklch
oklch(56.3% 0.231 354.5)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#263045

Indigo · DarkSlateGray · Prussian Blue

HEX
#263045
RGB
rgb(38, 48, 69)
HSL
hsl(221, 29%, 21%)
HSB
hsb(221, 45%, 27%)
CMYK
cmyk(45%, 30%, 0%, 73%)
Oklch
oklch(31.0% 0.040 264.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCA000
002CCC

Analogous

CC3A00
CCA000
92CC00

Triadic

CCA000
00CCA0
A000CC

Split-Comp.

CCA000
0092CC
3A00CC

Tetradic

CCA000
00CC3A
002CCC
CC0092

Contrast Matrix WCAG 2.1 Contrast

CCA000
BF8263
BD626D
D1007D
263045
—
1.3
Fail
1.7
Fail
2.1
Fail
5.4
AA
1.3
Fail
—
1.3
Fail
1.6
Fail
4.1
AA Large
1.7
Fail
1.3
Fail
—
1.3
Fail
3.2
AA Large
2.1
Fail
1.6
Fail
1.3
Fail
—
2.5
Fail
5.4
AA
4.1
AA Large
3.2
AA Large
2.5
Fail
—
White BG
2.4Fail
3.2AA Large
4.1AA Large
5.2AA
13.2AAA
Black BG
8.6AAA
6.6AA
5.1AA
4.0AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B927
A5A46B
96956A
77755F
2A2A40

Deuteranopia

BCBF30
A8AD6C
9BA26A
839258
2A293F

Tritanopia

CA454C
BC7072
B86868
C74742
273C3B

Achromatopsia

9B9B9B
919191
7E7E7E
4D4D4D
2F2F2F

Shades & Tints Shades & Tints

#CCA000

Dark
Light

#BF8263

Dark
Light

#BD626D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cca000;
  --color-2: #bf8263;
  --color-3: #bd626d;
  --color-4: #d1007d;
  --color-5: #263045;
}

SCSS

$color-1: #cca000;
$color-2: #bf8263;
$color-3: #bd626d;
$color-4: #d1007d;
$color-5: #263045;

TAILWIND

colors: {
  'brand-1': '#cca000',
  'brand-2': '#bf8263',
  'brand-3': '#bd626d',
  'brand-4': '#d1007d',
  'brand-5': '#263045',
}

RGB Array

[204, 160, 0], [191, 130, 99], [189, 98, 109], [209, 0, 125], [38, 48, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #CCA000, #BF8263, #BD626D, #D1007D, #263045 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: #cca000; --color-2: #bf8263; --color-3: #bd626d; --color-4: #d1007d; --color-5: #263045. 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 minimal-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