Sign Up Sign Up
Orange City Glow

Orange City Glow

6-color palette · Warm · Dark · Analogous harmony

Back to Library

Orange City Glow

6-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Vibrant 6 colors Warm Dark Analogous orange monoramp fire night
Likes 8
Colors 6

CSS variables

:root {
  --c-vibrant-1: #0D0000;
  --c-vibrant-2: #260300;
  --c-vibrant-3: #4D0D00;
  --c-vibrant-4: #A63700;
  --c-vibrant-5: #FFFF00;
  --c-vibrant-6: #FFFFFF;
}

About this palette

This 6-color vibrant palette runs from White (#FFFFFF) as its lightest tone to Dark Matter (#0D0000) as its darkest. It blends Dark Matter, Sepia Black, Lonely Chocolate, Burnt Sienna, Yellow and White into a single set you can drop straight into a UI. Of its 15 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0D0000 on #FFFFFF at 20.65:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Dark Matter #0D0000
RGB
rgb(13, 0, 0)
HSL
hsl(0, 100%, 3%)
Luminance
0.001
Sepia Black #260300
RGB
rgb(38, 3, 0)
HSL
hsl(5, 100%, 7%)
Luminance
0.005
Lonely Chocolate #4D0D00
RGB
rgb(77, 13, 0)
HSL
hsl(10, 100%, 15%)
Luminance
0.019
Burnt Sienna #A63700
RGB
rgb(166, 55, 0)
HSL
hsl(20, 100%, 33%)
Luminance
0.108
Yellow #FFFF00
RGB
rgb(255, 255, 0)
HSL
hsl(60, 100%, 50%)
Luminance
0.928
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

8 of 15 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #0D0000 on #FFFFFF 20.65:1 AAA
Aa #0D0000 on #FFFF00 19.23:1 AAA
Aa #260300 on #FFFFFF 19.17:1 AAA
Aa #260300 on #FFFF00 17.85:1 AAA
Aa #4D0D00 on #FFFFFF 15.29:1 AAA
Aa #4D0D00 on #FFFF00 14.24:1 AAA
Aa #A63700 on #FFFFFF 6.63:1 AA
Aa #A63700 on #FFFF00 6.17:1 AA
Aa #0D0000 on #A63700 3.11:1 AA Large
Aa #260300 on #A63700 2.89:1 Fail
Aa #4D0D00 on #A63700 2.31:1 Fail
Aa #0D0000 on #4D0D00 1.35:1 Fail
Aa #260300 on #4D0D00 1.25:1 Fail
Aa #0D0000 on #260300 1.08:1 Fail
Aa #FFFF00 on #FFFFFF 1.07:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors