#FBF6FA
#C9B3C6
#00A44D
#1E171D
#EEF2F1Frost
#BFDAD3Powder Blue
#8059BDSlate Blue
#141B1ALicorice
Retro Slate Blue & Licorice is a split color palette tagged retro, minimal, white. The hues span about 99°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #EEF2F1 | rgb(238, 242, 241) | hsl(165, 13%, 94%) | oklch(95.8% 0.004 180) | |
| Powder Blue | #BFDAD3 | rgb(191, 218, 211) | hsl(164, 27%, 80%) | oklch(86.6% 0.030 178) | |
| Slate Blue | #8059BD | rgb(128, 89, 189) | hsl(263, 43%, 55%) | oklch(55.2% 0.152 299) | |
| Licorice | #141B1A | rgb(20, 27, 26) | hsl(171, 15%, 9%) | oklch(21.5% 0.011 186) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (94% down to 9% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#EEF2F1) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#141B1A) on #EEF2F1 gives 15.49:1, passing WCAG AAA.
- Primary: Slate Blue (#8059BD) is the most saturated mid-tone; use it for buttons and links (4.56:1 against the background, fine for UI elements).
- Accent: Powder Blue (#BFDAD3) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Licorice at 15.49:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Retro Slate Blue & Licorice
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#EEF2F1
#BFDAD3
#8059BD
#141B1A
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#EEF2F1 on #141B1A | Aa | 15.49:1 | AAA |
#BFDAD3 on #141B1A | Aa | 11.81:1 | AAA |
#EEF2F1 on #8059BD | Aa | 4.56:1 | AA |
#BFDAD3 on #8059BD | Aa | 3.48:1 | AA large only |
#8059BD on #141B1A | Aa | 3.4:1 | AA large only |
#EEF2F1 on #BFDAD3 | Aa | 1.31:1 | Fail |
Similar palettes 24 more in this mood
#F9F0F7
#ADD500
#D1B7CC
#291D27
#19292F
#71838B
#EEE431
#E9F3F8
#66478D
#926DBA
#FFD050
#FCFAF5
#283A31
#E623B0
#A5C6B5
#F0FBF5
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#41296E
#C83E7D
#FF8D94
#FFF8F9
#12195A
#992C90
#F252A7
#FFF7F8
#4B2C6F
#7E5AA5
#E8B824
#F8F6F1
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#14101F
#4D4365
#8E6BFF
#EEE9FF
#A92E65
#A1602E
#DB81D7
#F79287
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#9F4786
#AA5E00
#D56380
#EE7055
#A694D2
#BF768E
#6879A2
#724370
#AFB7FF
#BD9AED
#B577B4
#C45A8F
#994978
#CD602B
#B980CE
#FF9CA4
#3A0546
#B31D33
#FD5B03
#FFF7F8
#F0F0F0
#7454DD
#574F44
#0E0E0E
#1F333D
#F749B0
#A1CEE3
#DBE8EE
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#C898D0
#7DA693
#636144
#664C73