#000000
#3A3A3A
#D4AF37
#F2F2F2
#FDFDFDWhite
#E1E5E9Ice
#9C87EDCornflower
#201123Licorice
Simple Cornflower & Licorice is a analogous color palette tagged minimal, white, gray. Analogous neighbors on the wheel (Cornflower, Licorice) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) | |
| Ice | #E1E5E9 | rgb(225, 229, 233) | hsl(210, 15%, 90%) | oklch(92.0% 0.007 248) | |
| Cornflower | #9C87ED | rgb(156, 135, 237) | hsl(252, 74%, 73%) | oklch(68.5% 0.147 291) | |
| Licorice | #201123 | rgb(32, 17, 35) | hsl(290, 35%, 10%) | oklch(20.7% 0.041 321) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (99% down to 10% lightness). A natural fit for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#201123) on #FDFDFD gives 17.71:1, passing WCAG AAA.
- Primary: Cornflower (#9C87ED) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ice (#E1E5E9) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Licorice at 17.71:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Simple Cornflower & 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
#FDFDFD
#E1E5E9
#9C87ED
#201123
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FDFDFD on #201123 | Aa | 17.71:1 | AAA |
#E1E5E9 on #201123 | Aa | 14.23:1 | AAA |
#9C87ED on #201123 | Aa | 6.09:1 | AA |
#FDFDFD on #9C87ED | Aa | 2.91:1 | Fail |
#E1E5E9 on #9C87ED | Aa | 2.34:1 | Fail |
#FDFDFD on #E1E5E9 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#FFFFFF
#E4E4E4
#111111
#C8102E
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#0C1116
#5C6A7E
#BA4452
#F2F5F9
#050505
#373737
#AA5C00
#FDFDFD
#F0F0F0
#7454DD
#574F44
#0E0E0E
#18191A
#4F5052
#FFCAF0
#F7F7F5
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#050505
#373737
#007F9E
#FDFDFD
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#F4F4F4
#ADADAD
#513C00
#0D0B06
#EEEDF1
#E58600
#716C78
#200F28