Sign Up Sign Up
Trike 12

Trike 12

12-color palette · Cool · Mixed · Triadic harmony

Back to Library

Trike 12

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

Modify
Vibrant 12 colors Cool Mixed Triadic
Likes 11
Colors 12

CSS variables

:root {
  --c-vibrant-1: #000614;
  --c-vibrant-2: #150261;
  --c-vibrant-3: #482980;
  --c-vibrant-4: #5848B3;
  --c-vibrant-5: #8682C7;
  --c-vibrant-6: #C4AFDB;
  --c-vibrant-7: #F596A3;
  --c-vibrant-8: #EB6375;
  --c-vibrant-9: #E32D5B;
  --c-vibrant-10: #C20034;
  --c-vibrant-11: #7D126D;
  --c-vibrant-12: #491157;
}

About this palette

This 12-color vibrant palette runs from Moonraker (#C4AFDB) as its lightest tone to Black Knight (#000614) as its darkest. It blends Black Knight, The Vast of Night, Spanish Violet, Swiss Plum, Faraway Sky, Moonraker, Cherry Foam, Sun-Kissed Coral, Strawberry Mix, Pomodoro, Purple Curse and Shani Purple into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000614 on #C4AFDB at 10.14:1.

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

Color breakdown

Black Knight #000614
RGB
rgb(0, 6, 20)
HSL
hsl(222, 100%, 4%)
Luminance
0.002
The Vast of Night #150261
RGB
rgb(21, 2, 97)
HSL
hsl(252, 96%, 19%)
Luminance
0.011
Spanish Violet #482980
RGB
rgb(72, 41, 128)
HSL
hsl(261, 51%, 33%)
Luminance
0.045
Swiss Plum #5848B3
RGB
rgb(88, 72, 179)
HSL
hsl(249, 43%, 49%)
Luminance
0.100
Faraway Sky #8682C7
RGB
rgb(134, 130, 199)
HSL
hsl(243, 38%, 65%)
Luminance
0.252
Moonraker #C4AFDB
RGB
rgb(196, 175, 219)
HSL
hsl(269, 38%, 77%)
Luminance
0.475
Cherry Foam #F596A3
RGB
rgb(245, 150, 163)
HSL
hsl(352, 83%, 77%)
Luminance
0.439
Sun-Kissed Coral #EB6375
RGB
rgb(235, 99, 117)
HSL
hsl(352, 77%, 65%)
Luminance
0.279
Strawberry Mix #E32D5B
RGB
rgb(227, 45, 91)
HSL
hsl(345, 76%, 53%)
Luminance
0.190
Pomodoro #C20034
RGB
rgb(194, 0, 52)
HSL
hsl(344, 100%, 38%)
Luminance
0.117
Purple Curse #7D126D
RGB
rgb(125, 18, 109)
HSL
hsl(309, 75%, 28%)
Luminance
0.059
Shani Purple #491157
RGB
rgb(73, 17, 87)
HSL
hsl(288, 67%, 20%)
Luminance
0.025

Contrast & accessibility

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

Aa #000614 on #C4AFDB 10.14:1 AAA
Aa #000614 on #F596A3 9.43:1 AAA
Aa #150261 on #C4AFDB 8.66:1 AAA
Aa #150261 on #F596A3 8.06:1 AAA
Aa #C4AFDB on #491157 7.00:1 AAA
Aa #F596A3 on #491157 6.51:1 AA
Aa #000614 on #EB6375 6.34:1 AA
Aa #000614 on #8682C7 5.82:1 AA
Aa #482980 on #C4AFDB 5.51:1 AA
Aa #150261 on #EB6375 5.42:1 AA
Aa #482980 on #F596A3 5.13:1 AA
Aa #150261 on #8682C7 4.97:1 AA
Aa #C4AFDB on #7D126D 4.82:1 AA
Aa #000614 on #E32D5B 4.63:1 AA
Aa #F596A3 on #7D126D 4.48:1 AA Large
Aa #EB6375 on #491157 4.38:1 AA Large
Aa #8682C7 on #491157 4.02:1 AA Large
Aa #150261 on #E32D5B 3.95:1 AA Large
Aa #5848B3 on #C4AFDB 3.51:1 AA Large
Aa #482980 on #EB6375 3.45:1 AA Large
Aa #5848B3 on #F596A3 3.27:1 AA Large
Aa #000614 on #C20034 3.23:1 AA Large
Aa #E32D5B on #491157 3.19:1 AA Large
Aa #482980 on #8682C7 3.17:1 AA Large
Aa #C4AFDB on #C20034 3.14:1 AA Large
Aa #EB6375 on #7D126D 3.02:1 AA Large
Aa #F596A3 on #C20034 2.92:1 Fail
Aa #000614 on #5848B3 2.89:1 Fail
Aa #8682C7 on #7D126D 2.77:1 Fail
Aa #150261 on #C20034 2.76:1 Fail
Aa #482980 on #E32D5B 2.52:1 Fail
Aa #150261 on #5848B3 2.47:1 Fail
Aa #C20034 on #491157 2.23:1 Fail
Aa #5848B3 on #EB6375 2.20:1 Fail
Aa #E32D5B on #7D126D 2.20:1 Fail
Aa #C4AFDB on #E32D5B 2.19:1 Fail
Aa #000614 on #7D126D 2.10:1 Fail
Aa #F596A3 on #E32D5B 2.04:1 Fail
Aa #5848B3 on #8682C7 2.02:1 Fail
Aa #5848B3 on #491157 1.99:1 Fail
Aa #EB6375 on #C20034 1.97:1 Fail
Aa #000614 on #482980 1.84:1 Fail
Aa #150261 on #7D126D 1.80:1 Fail
Aa #8682C7 on #C20034 1.80:1 Fail
Aa #482980 on #C20034 1.76:1 Fail
Aa #8682C7 on #C4AFDB 1.74:1 Fail
Aa #8682C7 on #F596A3 1.62:1 Fail
Aa #5848B3 on #E32D5B 1.60:1 Fail
Aa #C4AFDB on #EB6375 1.60:1 Fail
Aa #150261 on #482980 1.57:1 Fail
Aa #482980 on #5848B3 1.57:1 Fail
Aa #C20034 on #7D126D 1.53:1 Fail
Aa #F596A3 on #EB6375 1.49:1 Fail
Aa #000614 on #491157 1.45:1 Fail
Aa #7D126D on #491157 1.45:1 Fail
Aa #E32D5B on #C20034 1.43:1 Fail
Aa #5848B3 on #7D126D 1.37:1 Fail
Aa #EB6375 on #E32D5B 1.37:1 Fail
Aa #482980 on #491157 1.27:1 Fail
Aa #8682C7 on #E32D5B 1.26:1 Fail
Aa #150261 on #491157 1.24:1 Fail
Aa #000614 on #150261 1.17:1 Fail
Aa #482980 on #7D126D 1.14:1 Fail
Aa #5848B3 on #C20034 1.12:1 Fail
Aa #8682C7 on #EB6375 1.09:1 Fail
Aa #C4AFDB on #F596A3 1.07: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