copy a color
analogous
Midnight Ocean
The Midnight Ocean color palette is an analogous scheme with 4 carefully selected colors (#0f172a, #1e3a5f, #0ea5e9, #38bdf8). Great for ocean and dark design projects.
Colors in this palette
#0f172a
Color 1 of 4
#1e3a5f
Color 2 of 4
#0ea5e9
Color 3 of 4
#38bdf8
Color 4 of 4
How to use this palette
🎨
UI Design
Use lightest shade for backgrounds, darkest for text.
💻
Web Dev
Copy CSS variables from the export panel on the right.
✏️
Branding
Analogous palettes work great for logos and print.
Export Palette
Gradient preview
WCAG Contrast
0f1↔1e3 1.55:1 · Fails AA1e3↔0ea 4.15:1 · AA large only0ea↔38b 1.29:1 · Fails AA
#0f172a #1e3a5f #0ea5e9 #38bdf8