#13405A
#F14740
#FFA15F
#FFFBE4
#313579Space
#6064B1Slate Blue
#FFA954Cantaloupe
#F8F6F1Smoke
Golden Cantaloupe & Slate Blue is a complementary color palette tagged retro, blue, orange. Near-complementary hues (about 153° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Space | #313579 | rgb(49, 53, 121) | hsl(237, 42%, 33%) | oklch(36.6% 0.114 277) | |
| Slate Blue | #6064B1 | rgb(96, 100, 177) | hsl(237, 34%, 54%) | oklch(53.6% 0.119 279) | |
| Cantaloupe | #FFA954 | rgb(255, 169, 84) | hsl(30, 100%, 66%) | oklch(80.4% 0.142 63) | |
| Smoke | #F8F6F1 | rgb(248, 246, 241) | hsl(43, 33%, 96%) | oklch(97.3% 0.007 89) |
Why it works and how to use it
With 3 chromatic colors, Cantaloupe takes the lead while the rest support. Lightness runs from 33% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#F8F6F1) is the lightest color, so it belongs on large surfaces.
- Text: Space (#313579) on #F8F6F1 gives 10.15:1, passing WCAG AAA.
- Primary: Cantaloupe (#FFA954) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate Blue (#6064B1) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Smoke at 10.15:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Golden Cantaloupe & Slate Blue
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
#313579
#6064B1
#FFA954
#F8F6F1
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#313579 on #F8F6F1 | Aa | 10.15:1 | AAA |
#313579 on #FFA954 | Aa | 5.77:1 | AA |
#6064B1 on #F8F6F1 | Aa | 4.92:1 | AA |
#6064B1 on #FFA954 | Aa | 2.8:1 | Fail |
#313579 on #6064B1 | Aa | 2.06:1 | Fail |
#FFA954 on #F8F6F1 | Aa | 1.76:1 | Fail |
Similar palettes 24 more in this mood
#3A0546
#B31D33
#FD5B03
#FFF7F8
#2B2B2B
#D35900
#F1FAEE
#5B75A3
#F44942
#FF9B52
#FFE1B0
#FFFBE4
#F8884B
#FFD487
#A47441
#FFFAED
#2D4059
#EA5455
#F07B3F
#FFD460
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#D62828
#F77F00
#FCBF49
#EAE2B7
#003049
#D62828
#F77F00
#EAE2B7
#F9F0F7
#ADD500
#D1B7CC
#291D27
#40DADC
#00BBED
#09C393
#3A8FF6
#7071CC
#00918B
#4E91D5
#4EBBDB
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#2B2B2B
#E63946
#F1FAEE
#457B9D
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#585881
#4F748D
#B69ED1
#8FB2F0
#994978
#CD602B
#B980CE
#FF9CA4
#FFAA73
#B88900
#AF5F86
#CD484C
#19292F
#71838B
#EEE431
#E9F3F8
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#66478D
#926DBA
#FFD050
#FCFAF5
#00D8D0
#66B0E7
#37A4BD
#6481DC