Sign Up Sign Up
Skibidi

Skibidi

11-color palette · Neutral · Mixed · Triadic harmony

Back to Library

Skibidi

11-color palette · Neutral temperature · Mixed tone · Triadic harmony

Modify
Vibrant 11 colors Neutral Mixed Triadic pixelart pink purple brown
Likes 6
Colors 11

CSS variables

:root {
  --c-vibrant-1: #1A0A27;
  --c-vibrant-2: #2B0083;
  --c-vibrant-3: #3E19D4;
  --c-vibrant-4: #46174A;
  --c-vibrant-5: #73283B;
  --c-vibrant-6: #AE6467;
  --c-vibrant-7: #802894;
  --c-vibrant-8: #B856E0;
  --c-vibrant-9: #D3B4FF;
  --c-vibrant-10: #E8B4B5;
  --c-vibrant-11: #FFE3DD;
}

About this palette

This 11-color vibrant palette runs from Lady Anne (#FFE3DD) as its lightest tone to Meški Black (#1A0A27) as its darkest. It blends Meški Black, Orbital Kingdom, Blue Copper Ore, Velvet Cosmos, Anthracite Red, Spanish Rose Shadow, Druchii Violet, Medium Orchid, Light Violet, Strawberry Yoghurt and Lady Anne into a single set you can drop straight into a UI. Of its 55 color pairings, 17 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1A0A27 on #FFE3DD at 15.48:1.

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

Color breakdown

Meški Black #1A0A27
RGB
rgb(26, 10, 39)
HSL
hsl(273, 59%, 10%)
Luminance
0.006
Orbital Kingdom #2B0083
RGB
rgb(43, 0, 131)
HSL
hsl(260, 100%, 26%)
Luminance
0.022
Blue Copper Ore #3E19D4
RGB
rgb(62, 25, 212)
HSL
hsl(252, 79%, 46%)
Luminance
0.065
Velvet Cosmos #46174A
RGB
rgb(70, 23, 74)
HSL
hsl(295, 53%, 19%)
Luminance
0.024
Anthracite Red #73283B
RGB
rgb(115, 40, 59)
HSL
hsl(345, 48%, 30%)
Luminance
0.055
Spanish Rose Shadow #AE6467
RGB
rgb(174, 100, 103)
HSL
hsl(358, 31%, 54%)
Luminance
0.191
Druchii Violet #802894
RGB
rgb(128, 40, 148)
HSL
hsl(289, 57%, 37%)
Luminance
0.082
Medium Orchid #B856E0
RGB
rgb(184, 86, 224)
HSL
hsl(283, 69%, 61%)
Luminance
0.222
Light Violet #D3B4FF
RGB
rgb(211, 180, 255)
HSL
hsl(265, 100%, 85%)
Luminance
0.537
Strawberry Yoghurt #E8B4B5
RGB
rgb(232, 180, 181)
HSL
hsl(359, 53%, 81%)
Luminance
0.531
Lady Anne #FFE3DD
RGB
rgb(255, 227, 221)
HSL
hsl(11, 100%, 93%)
Luminance
0.814

Contrast & accessibility

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

Aa #1A0A27 on #FFE3DD 15.48:1 AAA
Aa #2B0083 on #FFE3DD 12.08:1 AAA
Aa #46174A on #FFE3DD 11.66:1 AAA
Aa #1A0A27 on #D3B4FF 10.52:1 AAA
Aa #1A0A27 on #E8B4B5 10.41:1 AAA
Aa #73283B on #FFE3DD 8.25:1 AAA
Aa #2B0083 on #D3B4FF 8.21:1 AAA
Aa #2B0083 on #E8B4B5 8.13:1 AAA
Aa #46174A on #D3B4FF 7.92:1 AAA
Aa #46174A on #E8B4B5 7.85:1 AAA
Aa #3E19D4 on #FFE3DD 7.53:1 AAA
Aa #802894 on #FFE3DD 6.52:1 AA
Aa #73283B on #D3B4FF 5.60:1 AA
Aa #73283B on #E8B4B5 5.55:1 AA
Aa #3E19D4 on #D3B4FF 5.12:1 AA
Aa #3E19D4 on #E8B4B5 5.07:1 AA
Aa #1A0A27 on #B856E0 4.88:1 AA
Aa #802894 on #D3B4FF 4.43:1 AA Large
Aa #802894 on #E8B4B5 4.39:1 AA Large
Aa #1A0A27 on #AE6467 4.32:1 AA Large
Aa #2B0083 on #B856E0 3.81:1 AA Large
Aa #46174A on #B856E0 3.67:1 AA Large
Aa #AE6467 on #FFE3DD 3.59:1 AA Large
Aa #2B0083 on #AE6467 3.37:1 AA Large
Aa #46174A on #AE6467 3.25:1 AA Large
Aa #B856E0 on #FFE3DD 3.17:1 AA Large
Aa #73283B on #B856E0 2.60:1 Fail
Aa #AE6467 on #D3B4FF 2.44:1 Fail
Aa #AE6467 on #E8B4B5 2.41:1 Fail
Aa #1A0A27 on #802894 2.37:1 Fail
Aa #3E19D4 on #B856E0 2.37:1 Fail
Aa #73283B on #AE6467 2.30:1 Fail
Aa #B856E0 on #D3B4FF 2.16:1 Fail
Aa #B856E0 on #E8B4B5 2.14:1 Fail
Aa #3E19D4 on #AE6467 2.10:1 Fail
Aa #802894 on #B856E0 2.06:1 Fail
Aa #1A0A27 on #3E19D4 2.05:1 Fail
Aa #1A0A27 on #73283B 1.88:1 Fail
Aa #2B0083 on #802894 1.85:1 Fail
Aa #AE6467 on #802894 1.82:1 Fail
Aa #46174A on #802894 1.79:1 Fail
Aa #2B0083 on #3E19D4 1.60:1 Fail
Aa #3E19D4 on #46174A 1.55:1 Fail
Aa #E8B4B5 on #FFE3DD 1.49:1 Fail
Aa #2B0083 on #73283B 1.47:1 Fail
Aa #D3B4FF on #FFE3DD 1.47:1 Fail
Aa #46174A on #73283B 1.41:1 Fail
Aa #1A0A27 on #46174A 1.33:1 Fail
Aa #1A0A27 on #2B0083 1.28:1 Fail
Aa #73283B on #802894 1.26:1 Fail
Aa #3E19D4 on #802894 1.15:1 Fail
Aa #AE6467 on #B856E0 1.13:1 Fail
Aa #3E19D4 on #73283B 1.09:1 Fail
Aa #2B0083 on #46174A 1.04:1 Fail
Aa #D3B4FF on #E8B4B5 1.01:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors