Sign Up Sign Up
Deepfry

Deepfry

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Deepfry

11-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Vibrant 11 colors Warm Mixed Complementary deepfry
Likes 17
Colors 11

CSS variables

:root {
  --c-vibrant-1: #140404;
  --c-vibrant-2: #BF100D;
  --c-vibrant-3: #FF0000;
  --c-vibrant-4: #2E0DF4;
  --c-vibrant-5: #0EFFF9;
  --c-vibrant-6: #00F62B;
  --c-vibrant-7: #ABFBBE;
  --c-vibrant-8: #E401FF;
  --c-vibrant-9: #FFB3FF;
  --c-vibrant-10: #FFF622;
  --c-vibrant-11: #EDF2EE;
}

About this palette

This 11-color vibrant palette runs from Mineral Spring (#EDF2EE) as its lightest tone to Dark Matter (#140404) as its darkest. It blends Dark Matter, Sinoper Red, Red, Delft Blue, Kaltes Klares Wasser, Cyber Neon Green, Light Seafoam Green, Phlox, Strawberry Buttercream, Golden Ginkgo and Mineral Spring into a single set you can drop straight into a UI. Of its 55 color pairings, 18 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #140404 on #EDF2EE at 17.67:1.

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

Color breakdown

Dark Matter #140404
RGB
rgb(20, 4, 4)
HSL
hsl(0, 67%, 5%)
Luminance
0.002
Sinoper Red #BF100D
RGB
rgb(191, 16, 13)
HSL
hsl(1, 87%, 40%)
Luminance
0.115
Red #FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
Luminance
0.213
Delft Blue #2E0DF4
RGB
rgb(46, 13, 244)
HSL
hsl(249, 91%, 50%)
Luminance
0.074
Kaltes Klares Wasser #0EFFF9
RGB
rgb(14, 255, 249)
HSL
hsl(179, 100%, 53%)
Luminance
0.785
Cyber Neon Green #00F62B
RGB
rgb(0, 246, 43)
HSL
hsl(130, 100%, 48%)
Luminance
0.661
Light Seafoam Green #ABFBBE
RGB
rgb(171, 251, 190)
HSL
hsl(134, 91%, 83%)
Luminance
0.814
Phlox #E401FF
RGB
rgb(228, 1, 255)
HSL
hsl(294, 100%, 50%)
Luminance
0.237
Strawberry Buttercream #FFB3FF
RGB
rgb(255, 179, 255)
HSL
hsl(300, 100%, 85%)
Luminance
0.607
Golden Ginkgo #FFF622
RGB
rgb(255, 246, 34)
HSL
hsl(58, 100%, 57%)
Luminance
0.873
Mineral Spring #EDF2EE
RGB
rgb(237, 242, 238)
HSL
hsl(132, 16%, 94%)
Luminance
0.877

Contrast & accessibility

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

Aa #140404 on #EDF2EE 17.67:1 AAA
Aa #140404 on #FFF622 17.60:1 AAA
Aa #140404 on #ABFBBE 16.47:1 AAA
Aa #140404 on #0EFFF9 15.91:1 AAA
Aa #140404 on #00F62B 13.55:1 AAA
Aa #140404 on #FFB3FF 12.53:1 AAA
Aa #2E0DF4 on #EDF2EE 7.47:1 AAA
Aa #2E0DF4 on #FFF622 7.44:1 AAA
Aa #2E0DF4 on #ABFBBE 6.97:1 AA
Aa #2E0DF4 on #0EFFF9 6.73:1 AA
Aa #2E0DF4 on #00F62B 5.73:1 AA
Aa #BF100D on #EDF2EE 5.63:1 AA
Aa #BF100D on #FFF622 5.60:1 AA
Aa #140404 on #E401FF 5.48:1 AA
Aa #2E0DF4 on #FFB3FF 5.30:1 AA
Aa #BF100D on #ABFBBE 5.24:1 AA
Aa #BF100D on #0EFFF9 5.07:1 AA
Aa #140404 on #FF0000 5.01:1 AA
Aa #BF100D on #00F62B 4.31:1 AA Large
Aa #BF100D on #FFB3FF 3.99:1 AA Large
Aa #FF0000 on #EDF2EE 3.53:1 AA Large
Aa #FF0000 on #FFF622 3.51:1 AA Large
Aa #FF0000 on #ABFBBE 3.29:1 AA Large
Aa #E401FF on #EDF2EE 3.23:1 AA Large
Aa #E401FF on #FFF622 3.21:1 AA Large
Aa #FF0000 on #0EFFF9 3.18:1 AA Large
Aa #140404 on #BF100D 3.14:1 AA Large
Aa #ABFBBE on #E401FF 3.01:1 AA Large
Aa #0EFFF9 on #E401FF 2.90:1 Fail
Aa #FF0000 on #00F62B 2.71:1 Fail
Aa #FF0000 on #FFB3FF 2.50:1 Fail
Aa #00F62B on #E401FF 2.47:1 Fail
Aa #140404 on #2E0DF4 2.36:1 Fail
Aa #2E0DF4 on #E401FF 2.32:1 Fail
Aa #E401FF on #FFB3FF 2.29:1 Fail
Aa #FF0000 on #2E0DF4 2.12:1 Fail
Aa #BF100D on #E401FF 1.74:1 Fail
Aa #BF100D on #FF0000 1.59:1 Fail
Aa #FFB3FF on #EDF2EE 1.41:1 Fail
Aa #FFB3FF on #FFF622 1.40:1 Fail
Aa #BF100D on #2E0DF4 1.33:1 Fail
Aa #ABFBBE on #FFB3FF 1.31:1 Fail
Aa #00F62B on #FFF622 1.30:1 Fail
Aa #00F62B on #EDF2EE 1.30:1 Fail
Aa #0EFFF9 on #FFB3FF 1.27:1 Fail
Aa #00F62B on #ABFBBE 1.22:1 Fail
Aa #0EFFF9 on #00F62B 1.17:1 Fail
Aa #0EFFF9 on #FFF622 1.11:1 Fail
Aa #0EFFF9 on #EDF2EE 1.11:1 Fail
Aa #FF0000 on #E401FF 1.09:1 Fail
Aa #00F62B on #FFB3FF 1.08:1 Fail
Aa #ABFBBE on #FFF622 1.07:1 Fail
Aa #ABFBBE on #EDF2EE 1.07:1 Fail
Aa #0EFFF9 on #ABFBBE 1.03:1 Fail
Aa #FFF622 on #EDF2EE 1.00:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors