Sign Up Sign Up
Fluorescent Breeze

Fluorescent Breeze

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

Fluorescent Breeze

12-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Vibrant 12 colors Cool Mixed Complementary green orange blue purple
Likes 68
Colors 12

CSS variables

:root {
  --c-vibrant-1: #3EE0DB;
  --c-vibrant-2: #20A1BF;
  --c-vibrant-3: #04358D;
  --c-vibrant-4: #250A57;
  --c-vibrant-5: #5E49B4;
  --c-vibrant-6: #C36CC9;
  --c-vibrant-7: #F78A90;
  --c-vibrant-8: #FFAE36;
  --c-vibrant-9: #FFDB7F;
  --c-vibrant-10: #FFF9E5;
  --c-vibrant-11: #D6EF10;
  --c-vibrant-12: #69C32C;
}

About this palette

This 12-color vibrant palette runs from Magnolia (#FFF9E5) as its lightest tone to Indigo Sloth (#250A57) as its darkest. It blends Fresh Turquoise, Maui, One Minute to Midnight, Indigo Sloth, Swiss Plum, Purple Urn Orchid, Vinaceous Cinnamon, Ripe Pumpkin, Lantern Gold, Magnolia, Liquid Lime and Zunda Green into a single set you can drop straight into a UI. Of its 66 color pairings, 19 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #250A57 on #FFF9E5 at 15.82:1.

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

Color breakdown

Fresh Turquoise #3EE0DB
RGB
rgb(62, 224, 219)
HSL
hsl(178, 72%, 56%)
Luminance
0.595
Maui #20A1BF
RGB
rgb(32, 161, 191)
HSL
hsl(191, 71%, 44%)
Luminance
0.296
One Minute to Midnight #04358D
RGB
rgb(4, 53, 141)
HSL
hsl(219, 94%, 28%)
Luminance
0.045
Indigo Sloth #250A57
RGB
rgb(37, 10, 87)
HSL
hsl(261, 79%, 19%)
Luminance
0.013
Swiss Plum #5E49B4
RGB
rgb(94, 73, 180)
HSL
hsl(252, 42%, 50%)
Luminance
0.104
Purple Urn Orchid #C36CC9
RGB
rgb(195, 108, 201)
HSL
hsl(296, 46%, 61%)
Luminance
0.265
Vinaceous Cinnamon #F78A90
RGB
rgb(247, 138, 144)
HSL
hsl(357, 87%, 75%)
Luminance
0.400
Ripe Pumpkin #FFAE36
RGB
rgb(255, 174, 54)
HSL
hsl(36, 100%, 61%)
Luminance
0.518
Lantern Gold #FFDB7F
RGB
rgb(255, 219, 127)
HSL
hsl(43, 100%, 75%)
Luminance
0.735
Magnolia #FFF9E5
RGB
rgb(255, 249, 229)
HSL
hsl(46, 100%, 95%)
Luminance
0.947
Liquid Lime #D6EF10
RGB
rgb(214, 239, 16)
HSL
hsl(67, 87%, 50%)
Luminance
0.761
Zunda Green #69C32C
RGB
rgb(105, 195, 44)
HSL
hsl(96, 63%, 47%)
Luminance
0.422

Contrast & accessibility

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

Aa #250A57 on #FFF9E5 15.82:1 AAA
Aa #250A57 on #D6EF10 12.87:1 AAA
Aa #250A57 on #FFDB7F 12.46:1 AAA
Aa #04358D on #FFF9E5 10.50:1 AAA
Aa #3EE0DB on #250A57 10.23:1 AAA
Aa #250A57 on #FFAE36 9.02:1 AAA
Aa #04358D on #D6EF10 8.54:1 AAA
Aa #04358D on #FFDB7F 8.26:1 AAA
Aa #250A57 on #69C32C 7.50:1 AAA
Aa #250A57 on #F78A90 7.14:1 AAA
Aa #3EE0DB on #04358D 6.79:1 AA
Aa #5E49B4 on #FFF9E5 6.46:1 AA
Aa #04358D on #FFAE36 5.98:1 AA
Aa #20A1BF on #250A57 5.49:1 AA
Aa #5E49B4 on #D6EF10 5.25:1 AA
Aa #5E49B4 on #FFDB7F 5.08:1 AA
Aa #250A57 on #C36CC9 5.01:1 AA
Aa #04358D on #69C32C 4.97:1 AA
Aa #04358D on #F78A90 4.74:1 AA
Aa #3EE0DB on #5E49B4 4.17:1 AA Large
Aa #5E49B4 on #FFAE36 3.68:1 AA Large
Aa #20A1BF on #04358D 3.64:1 AA Large
Aa #04358D on #C36CC9 3.32:1 AA Large
Aa #C36CC9 on #FFF9E5 3.16:1 AA Large
Aa #5E49B4 on #69C32C 3.06:1 AA Large
Aa #5E49B4 on #F78A90 2.91:1 Fail
Aa #20A1BF on #FFF9E5 2.88:1 Fail
Aa #C36CC9 on #D6EF10 2.57:1 Fail
Aa #C36CC9 on #FFDB7F 2.49:1 Fail
Aa #250A57 on #5E49B4 2.45:1 Fail
Aa #20A1BF on #D6EF10 2.35:1 Fail
Aa #20A1BF on #FFDB7F 2.27:1 Fail
Aa #20A1BF on #5E49B4 2.24:1 Fail
Aa #F78A90 on #FFF9E5 2.22:1 Fail
Aa #FFF9E5 on #69C32C 2.11:1 Fail
Aa #3EE0DB on #C36CC9 2.04:1 Fail
Aa #5E49B4 on #C36CC9 2.04:1 Fail
Aa #3EE0DB on #20A1BF 1.86:1 Fail
Aa #C36CC9 on #FFAE36 1.80:1 Fail
Aa #F78A90 on #D6EF10 1.80:1 Fail
Aa #FFAE36 on #FFF9E5 1.75:1 Fail
Aa #F78A90 on #FFDB7F 1.74:1 Fail
Aa #D6EF10 on #69C32C 1.72:1 Fail
Aa #FFDB7F on #69C32C 1.66:1 Fail
Aa #20A1BF on #FFAE36 1.64:1 Fail
Aa #04358D on #5E49B4 1.63:1 Fail
Aa #3EE0DB on #FFF9E5 1.55:1 Fail
Aa #04358D on #250A57 1.51:1 Fail
Aa #C36CC9 on #69C32C 1.50:1 Fail
Aa #3EE0DB on #F78A90 1.43:1 Fail
Aa #C36CC9 on #F78A90 1.43:1 Fail
Aa #FFAE36 on #D6EF10 1.43:1 Fail
Aa #FFAE36 on #FFDB7F 1.38:1 Fail
Aa #3EE0DB on #69C32C 1.37:1 Fail
Aa #20A1BF on #69C32C 1.37:1 Fail
Aa #20A1BF on #F78A90 1.30:1 Fail
Aa #FFDB7F on #FFF9E5 1.27:1 Fail
Aa #3EE0DB on #D6EF10 1.26:1 Fail
Aa #F78A90 on #FFAE36 1.26:1 Fail
Aa #FFF9E5 on #D6EF10 1.23:1 Fail
Aa #3EE0DB on #FFDB7F 1.22:1 Fail
Aa #FFAE36 on #69C32C 1.20:1 Fail
Aa #3EE0DB on #FFAE36 1.13:1 Fail
Aa #20A1BF on #C36CC9 1.10:1 Fail
Aa #F78A90 on #69C32C 1.05:1 Fail
Aa #FFDB7F on #D6EF10 1.03:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors