Midnight
Category: Dark
HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
OKLCH
oklch(0.000 0.000 0)
HEX
#191970
RGB
rgb(25, 25, 112)
HSL
hsl(240, 64%, 27%)
OKLCH
oklch(0.288 0.144 273)
HEX
#000080
RGB
rgb(0, 0, 128)
HSL
hsl(240, 100%, 25%)
OKLCH
oklch(0.271 0.188 264)
HEX
#00008B
RGB
rgb(0, 0, 139)
HSL
hsl(240, 100%, 27%)
OKLCH
oklch(0.288 0.199 264)
HEX
#0000CD
RGB
rgb(0, 0, 205)
HSL
hsl(240, 100%, 40%)
OKLCH
oklch(0.383 0.266 264)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Midnight
Content Preview
Secondary Heading
This is how your body text will look. You can see how an anchor link also looks.
The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.
This form is for demonstration purposes only and is not functional.
#000000
#191970
#000080
#00008B
#0000CD
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
PRO
HueFinder for Logos
Generate a palette based on a brand logo.
PRO
AI Skin Tone Analyzer
Get a palette based on your skin tone.
PRO
WCAG Contrast Checker
Test colour accessibility.