#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#231D6BMidnight
#4A35AEGrape
#4260AFDenim
#41B8F1Cyan
Cool Grape & Cyan is a analogous color palette tagged ocean, dark, cold. Analogous neighbors on the wheel (Midnight, Grape, Denim) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Midnight | #231D6B | rgb(35, 29, 107) | hsl(245, 57%, 27%) | oklch(29.6% 0.130 278) | |
| Grape | #4A35AE | rgb(74, 53, 174) | hsl(250, 53%, 45%) | oklch(43.2% 0.182 284) | |
| Denim | #4260AF | rgb(66, 96, 175) | hsl(223, 45%, 47%) | oklch(50.7% 0.130 266) | |
| Cyan | #41B8F1 | rgb(65, 184, 241) | hsl(199, 86%, 60%) | oklch(74.1% 0.132 234) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (60% down to 27% lightness). A natural fit for websites, presentations and branding.
- Background: Cyan (#41B8F1) is the lightest color, so it belongs on large surfaces.
- Text: Midnight (#231D6B) on #41B8F1 gives 6.41:1, passing WCAG AA.
- Primary: Grape (#4A35AE) is the most saturated mid-tone; use it for buttons and links (3.88:1 against the background, fine for UI elements).
- Accent: Denim (#4260AF) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Midnight on Cyan at 6.41:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cool Grape & Cyan
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
#231D6B
#4A35AE
#4260AF
#41B8F1
Color-blind check: under deuteranopia, Grape and Denim become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#231D6B on #41B8F1 | Aa | 6.41:1 | AA |
#4A35AE on #41B8F1 | Aa | 3.88:1 | AA large only |
#4260AF on #41B8F1 | Aa | 2.65:1 | Fail |
#231D6B on #4260AF | Aa | 2.41:1 | Fail |
#231D6B on #4A35AE | Aa | 1.65:1 | Fail |
#4A35AE on #4260AF | Aa | 1.46:1 | Fail |
Similar palettes 24 more in this mood
#03256C
#2541B2
#1768AC
#06BEE1
#00304E
#00538D
#006F94
#00C2C8
#192C50
#384D87
#44688D
#74B6C9
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#68709B
#9271DA
#639EC2
#84B8FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#023E8A
#0077B6
#00B4D8
#90E0EF
#002E6E
#1A73D4
#6D93E8
#9DC6FF
#96BAFE
#8F7CCD
#00939A
#005D7F
#007D9B
#00B8BD
#90E3DD
#CAF1EF
#BEB6FF
#5596F8
#0099C7
#774384
#A3E3FF
#4EB2E1
#006DA5
#003F59
#00646F
#0080B9
#7192FF
#DFCFFF
#D4D2FF
#9FCBEC
#2F59BD
#006B81
#00D8D7
#6075BF
#00596C
#00436D
#014D71
#267CB2
#5CA9E7
#B7E6FF
#4B537A
#892680
#1CA6FF
#D1B6F9
#4F6BBD
#53AAEC
#9EDAFF
#D1EDFF
#00486A
#007D9C
#00B8BF
#90E3DE
#44546C
#7D93BE
#B0C1F4
#D7F4FF
#1C53A1
#3394D5
#40D0F5
#C8F6FF
#497697
#6DADC0
#B0DAE2
#D8ECF1
#373389
#486DBD
#4AABEA
#9ADBFD