Sign Up Sign Up
DEEP MAZE

DEEP MAZE

7-color palette · Cool · Mixed · Triadic harmony

Back to Library

DEEP MAZE

7-color palette · Cool temperature · Mixed tone · Triadic harmony

Modify
Vibrant 7 colors Cool Mixed Triadic retro
Likes 461
Colors 7

CSS variables

:root {
  --c-vibrant-1: #F2FF66;
  --c-vibrant-2: #9AF089;
  --c-vibrant-3: #38D88E;
  --c-vibrant-4: #00BE91;
  --c-vibrant-5: #009A98;
  --c-vibrant-6: #085562;
  --c-vibrant-7: #001D2A;
}

About this palette

This 7-color vibrant palette runs from Lemon Pie (#F2FF66) as its lightest tone to Oxford by Night (#001D2A) as its darkest. It blends Lemon Pie, Ulva Lactuca Green, Drunken Dragonfly, Blarney, Regula Barbara Blue, Plunge and Oxford by Night into a single set you can drop straight into a UI. Of its 21 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F2FF66 on #001D2A at 15.94:1.

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

Color breakdown

Lemon Pie #F2FF66
RGB
rgb(242, 255, 102)
HSL
hsl(65, 100%, 70%)
Luminance
0.914
Ulva Lactuca Green #9AF089
RGB
rgb(154, 240, 137)
HSL
hsl(110, 77%, 74%)
Luminance
0.710
Drunken Dragonfly #38D88E
RGB
rgb(56, 216, 142)
HSL
hsl(152, 67%, 53%)
Luminance
0.519
Blarney #00BE91
RGB
rgb(0, 190, 145)
HSL
hsl(166, 100%, 37%)
Luminance
0.389
Regula Barbara Blue #009A98
RGB
rgb(0, 154, 152)
HSL
hsl(179, 100%, 30%)
Luminance
0.254
Plunge #085562
RGB
rgb(8, 85, 98)
HSL
hsl(189, 85%, 21%)
Luminance
0.074
Oxford by Night #001D2A
RGB
rgb(0, 29, 42)
HSL
hsl(199, 100%, 8%)
Luminance
0.011

Contrast & accessibility

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

Aa #F2FF66 on #001D2A 15.94:1 AAA
Aa #9AF089 on #001D2A 12.57:1 AAA
Aa #38D88E on #001D2A 9.41:1 AAA
Aa #F2FF66 on #085562 7.75:1 AAA
Aa #00BE91 on #001D2A 7.26:1 AAA
Aa #9AF089 on #085562 6.11:1 AA
Aa #009A98 on #001D2A 5.02:1 AA
Aa #38D88E on #085562 4.58:1 AA
Aa #00BE91 on #085562 3.53:1 AA Large
Aa #F2FF66 on #009A98 3.17:1 AA Large
Aa #9AF089 on #009A98 2.50:1 Fail
Aa #009A98 on #085562 2.44:1 Fail
Aa #F2FF66 on #00BE91 2.20:1 Fail
Aa #085562 on #001D2A 2.06:1 Fail
Aa #38D88E on #009A98 1.87:1 Fail
Aa #9AF089 on #00BE91 1.73:1 Fail
Aa #F2FF66 on #38D88E 1.69:1 Fail
Aa #00BE91 on #009A98 1.44:1 Fail
Aa #9AF089 on #38D88E 1.34:1 Fail
Aa #38D88E on #00BE91 1.30:1 Fail
Aa #F2FF66 on #9AF089 1.27: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