#1B1B1B
#F96D00
#8B5CF6
#F2F2F2
#FFB870Cantaloupe
#C8A2E8Wisteria
#B8E0C8Celadon
#3B2F4AGunmetal
Cute Halloween is a split color palette tagged halloween, orange, purple. A split scheme: Cantaloupe plays against Gunmetal across roughly 129° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Cantaloupe | #FFB870 | rgb(255, 184, 112) | hsl(30, 100%, 72%) | oklch(83.4% 0.121 65) | |
| Wisteria | #C8A2E8 | rgb(200, 162, 232) | hsl(273, 60%, 77%) | oklch(77.1% 0.106 309) | |
| Celadon | #B8E0C8 | rgb(184, 224, 200) | hsl(144, 39%, 80%) | oklch(87.1% 0.053 159) | |
| Gunmetal | #3B2F4A | rgb(59, 47, 74) | hsl(267, 22%, 24%) | oklch(33.0% 0.049 304) |
Why it works and how to use it
It works because the lightness range is wide (24% to 80%), which gives clear hierarchy between background, content and accents. Try it for seasonal campaigns and greeting cards.
- Background: Celadon (#B8E0C8) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#3B2F4A) on #B8E0C8 gives 8.59:1, passing WCAG AAA.
- Primary: Cantaloupe (#FFB870) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Wisteria (#C8A2E8) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Celadon on Gunmetal at 8.59:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cute Halloween
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
#FFB870
#C8A2E8
#B8E0C8
#3B2F4A
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B8E0C8 on #3B2F4A | Aa | 8.59:1 | AAA |
#FFB870 on #3B2F4A | Aa | 7.3:1 | AAA |
#C8A2E8 on #3B2F4A | Aa | 5.79:1 | AA |
#C8A2E8 on #B8E0C8 | Aa | 1.48:1 | Fail |
#FFB870 on #C8A2E8 | Aa | 1.26:1 | Fail |
#FFB870 on #B8E0C8 | Aa | 1.18:1 | Fail |
Similar palettes 24 more in this mood
#FF9931
#6E499E
#191009
#FAF3E8
#FF7518
#1A1A1A
#6A0DAD
#F5F5F5
#0D0221
#5A189A
#39FF14
#FF8C00
#F4F1EA
#2B2B2B
#FF6F00
#8E44AD
#5F4193
#E58900
#3A3944
#0C0705
#3B3850
#EF8A00
#0F0400
#633F95
#434152
#7F55B3
#090614
#E87A00
#0C0602
#6C307F
#FD9900
#403E4A
#F3F0EC
#121021
#633995
#EB8200
#EB872A
#B0001B
#501D79
#0D0A1B
#08070F
#EDE9E4
#603691
#E77700
#FDFAF3
#404040
#FF9966
#A45AC4
#2D2D2D
#FFA071
#9C78FF
#FAFAFA
#8B0013
#05030F
#512C74
#F67F00
#5D368C
#F78C00
#FAF1E2
#1A1410
#FFAF77
#BBDFB3
#D5BAF5
#EDE6D9
#E78300
#FFD335
#131219
#F9F4EC
#0E0B1C
#FCD44F
#EB8A00
#F3E7D4
#FFDD72
#161310
#FE8300
#EEE9E1
#FFAD6D
#F6ECDB
#E2CAFF
#C5E4BE
#FFDE76
#F1E8DA
#FE9900
#170D06
#F9EFDE
#15131E
#FFDC6D
#F67E00
#F9F3EA
#0C0A18
#FB8800
#FCD553