Midnight Ocean
The Midnight Ocean color palette is a 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.6:1~ 1e3↔0ea 4.2:1✕ 0ea↔38b 1.3:1
#0f172a #1e3a5f #0ea5e9 #38bdf8