Sign Up Sign Up
Midnight Ablaze

Midnight Ablaze

7-color palette · Warm · Dark · Analogous harmony

Back to Library

Midnight Ablaze

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

Modify
Muted 7 colors Warm Dark Analogous midnight fire night dark
Likes 2,424
Colors 7

CSS variables

:root {
  --c-muted-1: #FF8274;
  --c-muted-2: #D53C6A;
  --c-muted-3: #7C183C;
  --c-muted-4: #460E2B;
  --c-muted-5: #31051E;
  --c-muted-6: #1F0510;
  --c-muted-7: #130208;
}

About this palette

This 7-color muted palette runs from Fusion Coral (#FF8274) as its lightest tone to Knight Rider (#130208) as its darkest. It blends Fusion Coral, Raspberry Sorbet, Atlas Red, What We Do in the Shadows, Vienna Roast, Belladonna and Knight Rider into a single set you can drop straight into a UI. Of its 21 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FF8274 on #130208 at 8.36:1.

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

Color breakdown

Fusion Coral #FF8274
RGB
rgb(255, 130, 116)
HSL
hsl(6, 100%, 73%)
Luminance
0.385
Raspberry Sorbet #D53C6A
RGB
rgb(213, 60, 106)
HSL
hsl(342, 65%, 54%)
Luminance
0.184
Atlas Red #7C183C
RGB
rgb(124, 24, 60)
HSL
hsl(338, 68%, 29%)
Luminance
0.053
What We Do in the Shadows #460E2B
RGB
rgb(70, 14, 43)
HSL
hsl(329, 67%, 16%)
Luminance
0.018
Vienna Roast #31051E
RGB
rgb(49, 5, 30)
HSL
hsl(326, 81%, 11%)
Luminance
0.009
Belladonna #1F0510
RGB
rgb(31, 5, 16)
HSL
hsl(335, 72%, 7%)
Luminance
0.004
Knight Rider #130208
RGB
rgb(19, 2, 8)
HSL
hsl(339, 81%, 4%)
Luminance
0.002

Contrast & accessibility

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

Aa #FF8274 on #130208 8.36:1 AAA
Aa #FF8274 on #1F0510 8.00:1 AAA
Aa #FF8274 on #31051E 7.43:1 AAA
Aa #FF8274 on #460E2B 6.40:1 AA
Aa #D53C6A on #130208 4.50:1 AA
Aa #D53C6A on #1F0510 4.31:1 AA Large
Aa #FF8274 on #7C183C 4.24:1 AA Large
Aa #D53C6A on #31051E 4.00:1 AA Large
Aa #D53C6A on #460E2B 3.45:1 AA Large
Aa #D53C6A on #7C183C 2.28:1 Fail
Aa #7C183C on #130208 1.97:1 Fail
Aa #7C183C on #1F0510 1.89:1 Fail
Aa #FF8274 on #D53C6A 1.86:1 Fail
Aa #7C183C on #31051E 1.75:1 Fail
Aa #7C183C on #460E2B 1.51:1 Fail
Aa #460E2B on #130208 1.31:1 Fail
Aa #460E2B on #1F0510 1.25:1 Fail
Aa #460E2B on #31051E 1.16:1 Fail
Aa #31051E on #130208 1.13:1 Fail
Aa #31051E on #1F0510 1.08:1 Fail
Aa #1F0510 on #130208 1.05: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