#E0EFFF
#6EB2FC
#1E5B9A
#002344
#0C2654Marine
#3C59A3Lapis
#6B7FD5Blueberry
#F3E8F3Lavender
Velvet Blueberry & Lapis is a split color palette tagged dark, cold, blue. A split scheme: Marine plays against Lavender across roughly 82° of hue. 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 |
|---|---|---|---|---|---|
| Marine | #0C2654 | rgb(12, 38, 84) | hsl(218, 75%, 19%) | oklch(27.9% 0.090 261) | |
| Lapis | #3C59A3 | rgb(60, 89, 163) | hsl(223, 46%, 44%) | oklch(48.0% 0.124 266) | |
| Blueberry | #6B7FD5 | rgb(107, 127, 213) | hsl(229, 56%, 63%) | oklch(62.0% 0.132 272) | |
| Lavender | #F3E8F3 | rgb(243, 232, 243) | hsl(300, 31%, 93%) | oklch(94.3% 0.019 326) |
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 (93% down to 19% lightness). A natural fit for websites, presentations and branding.
- Background: Lavender (#F3E8F3) is the lightest color, so it belongs on large surfaces.
- Text: Marine (#0C2654) on #F3E8F3 gives 12.42:1, passing WCAG AAA.
- Primary: Blueberry (#6B7FD5) is the most saturated mid-tone; use it for buttons and links (3.14:1 against the background, fine for UI elements).
- Accent: Lapis (#3C59A3) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Marine on Lavender at 12.42:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Velvet Blueberry & Lapis
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
#0C2654
#3C59A3
#6B7FD5
#F3E8F3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0C2654 on #F3E8F3 | Aa | 12.42:1 | AAA |
#3C59A3 on #F3E8F3 | Aa | 5.6:1 | AA |
#0C2654 on #6B7FD5 | Aa | 3.96:1 | AA large only |
#6B7FD5 on #F3E8F3 | Aa | 3.14:1 | AA large only |
#0C2654 on #3C59A3 | Aa | 2.22:1 | Fail |
#3C59A3 on #6B7FD5 | Aa | 1.78:1 | Fail |
Similar palettes 24 more in this mood
#111823
#3F506C
#81BBFF
#FFFAE9
#15255F
#3456B9
#8EA5F6
#F1EFFC
#C3D2FF
#006556
#131200
#F0F0F0
#06032F
#1A39FF
#8480FF
#E9EAFF
#182035
#4B577E
#7F9DFF
#F8F9FF
#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#03256C
#2541B2
#1768AC
#06BEE1
#1A1B26
#4B5273
#7AA2F7
#BB9AF7
#1C2541
#465D79
#5BC0BE
#FFFFFF
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0A1024
#3A456B
#5C7CFA
#DDE3FF
#0F172A
#444F64
#6366F1
#F8FAFC
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#121016
#54149C
#693B79
#5B9FFF
#D8BFFF
#B37BF7
#7B31BA
#240042
#003439
#006857
#55709F
#008FC2
#00304E
#00538D
#006F94
#00C2C8
#050505
#373737
#007F9E
#FDFDFD
#2C2B23
#676347
#7C7BFF
#F2F1EC
#3B1752
#793EA4
#C493DF
#F1EFFC
#4B3700
#0A0700
#90C3FF
#F4F9FF
#151515
#4E4E4E
#577AFF
#FAFAFA