#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#F7FAFFSnow
#707C93Slate
#3D31BACobalt
#171819Licorice
Cobalt & Slate Shore is a neutral-based color palette tagged dark, minimal, white. Built almost entirely from neutrals, with Snow (#F7FAFF) as the single point of color. 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 |
|---|---|---|---|---|---|
| Snow | #F7FAFF | rgb(247, 250, 255) | hsl(218, 100%, 98%) | oklch(98.4% 0.007 261) | |
| Slate | #707C93 | rgb(112, 124, 147) | hsl(219, 14%, 51%) | oklch(58.5% 0.038 263) | |
| Cobalt | #3D31BA | rgb(61, 49, 186) | hsl(245, 58%, 46%) | oklch(42.7% 0.204 277) | |
| Licorice | #171819 | rgb(23, 24, 25) | hsl(210, 4%, 9%) | oklch(20.8% 0.003 248) |
Why it works and how to use it
It works because the lightness range is wide (9% to 98%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#F7FAFF) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#171819) on #F7FAFF gives 16.99:1, passing WCAG AAA.
- Primary: Cobalt (#3D31BA) is the most saturated mid-tone; use it for buttons and links (8.55:1 against the background, fine for UI elements).
- Accent: Slate (#707C93) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Licorice at 16.99:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cobalt & Slate Shore
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
#F7FAFF
#707C93
#3D31BA
#171819
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F7FAFF on #171819 | Aa | 16.99:1 | AAA |
#F7FAFF on #3D31BA | Aa | 8.55:1 | AAA |
#707C93 on #171819 | Aa | 4.23:1 | AA large only |
#F7FAFF on #707C93 | Aa | 4.02:1 | AA large only |
#707C93 on #3D31BA | Aa | 2.13:1 | Fail |
#3D31BA on #171819 | Aa | 1.99:1 | Fail |
Similar palettes 24 more in this mood
#050505
#373737
#007F9E
#FDFDFD
#151515
#4E4E4E
#577AFF
#FAFAFA
#121214
#5D6064
#B3CCFF
#E6EEFF
#050505
#373737
#3D5AFE
#FFFFFF
#FDFDFD
#737373
#1800A7
#050505
#141210
#4D4742
#329BD4
#F2EAE2
#EDEEF0
#C9CCD1
#006699
#05141E
#131822
#494F5B
#6C74BE
#F9FAFB
#0A0A0A
#353A40
#7FC8F8
#F5FAFF
#000000
#3A3A3A
#D4AF37
#F2F2F2
#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
#050505
#373737
#AA5C00
#FDFDFD
#F0F0F0
#7454DD
#574F44
#0E0E0E
#18191A
#4F5052
#FFCAF0
#F7F7F5
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#F3F5F4
#AD6FDD
#4E5A58
#0F1212