CAD
USD
EUR
Navy color palettes
Navy is blue with authority, deep enough to work like a neutral. These navy color palettes pair it with light air and warm accents.
Admiral
#86a3dfrgb(134, 163, 223)Values, shades & harmoniesOpenOpen palette in generator→
#385dc7rgb(56, 93, 199)Values, shades & harmoniesOpenOpen palette in generator→
#2a3a8ergb(42, 58, 142)Values, shades & harmoniesOpenOpen palette in generator→
#1f375crgb(31, 55, 92)Values, shades & harmoniesOpenOpen palette in generator→
#121430rgb(18, 20, 48)Values, shades & harmoniesOpenOpen palette in generator→
Ink
#92acd3rgb(146, 172, 211)Values, shades & harmoniesOpenOpen palette in generator→
#4172bergb(65, 114, 190)Values, shades & harmoniesOpenOpen palette in generator→
#2d568brgb(45, 86, 139)Values, shades & harmoniesOpenOpen palette in generator→
#212859rgb(33, 40, 89)Values, shades & harmoniesOpenOpen palette in generator→
#121431rgb(18, 20, 49)Values, shades & harmoniesOpenOpen palette in generator→
Harborline
#86b2dfrgb(134, 178, 223)Values, shades & harmoniesOpenOpen palette in generator→
#4871b7rgb(72, 113, 183)Values, shades & harmoniesOpenOpen palette in generator→
#334e85rgb(51, 78, 133)Values, shades & harmoniesOpenOpen palette in generator→
#1b2660rgb(27, 38, 96)Values, shades & harmoniesOpenOpen palette in generator→
#140f33rgb(20, 15, 51)Values, shades & harmoniesOpenOpen palette in generator→
Midwatch
#8e9bd7rgb(142, 155, 215)Values, shades & harmoniesOpenOpen palette in generator→
#373dc8rgb(55, 61, 200)Values, shades & harmoniesOpenOpen palette in generator→
#333584rgb(51, 53, 132)Values, shades & harmoniesOpenOpen palette in generator→
#232c57rgb(35, 44, 87)Values, shades & harmoniesOpenOpen palette in generator→
#151033rgb(21, 16, 51)Values, shades & harmoniesOpenOpen palette in generator→
Officer
#8e99d7rgb(142, 153, 215)Values, shades & harmoniesOpenOpen palette in generator→
#453fc0rgb(69, 63, 192)Values, shades & harmoniesOpenOpen palette in generator→
#343884rgb(52, 56, 132)Values, shades & harmoniesOpenOpen palette in generator→
#241c5ergb(36, 28, 94)Values, shades & harmoniesOpenOpen palette in generator→
#1b1230rgb(27, 18, 48)Values, shades & harmoniesOpenOpen palette in generator→
Nightsail
#8fa3d6rgb(143, 163, 214)Values, shades & harmoniesOpenOpen palette in generator→
#404cbfrgb(64, 76, 191)Values, shades & harmoniesOpenOpen palette in generator→
#303688rgb(48, 54, 136)Values, shades & harmoniesOpenOpen palette in generator→
#261e5drgb(38, 30, 93)Values, shades & harmoniesOpenOpen palette in generator→
#1e1131rgb(30, 17, 49)Values, shades & harmoniesOpenOpen palette in generator→
Anchor
#92acd3rgb(146, 172, 211)Values, shades & harmoniesOpenOpen palette in generator→
#4971b6rgb(73, 113, 182)Values, shades & harmoniesOpenOpen palette in generator→
#29428frgb(41, 66, 143)Values, shades & harmoniesOpenOpen palette in generator→
#1e255drgb(30, 37, 93)Values, shades & harmoniesOpenOpen palette in generator→
#131e30rgb(19, 30, 48)Values, shades & harmoniesOpenOpen palette in generator→
Cadet
#8ca5d9rgb(140, 165, 217)Values, shades & harmoniesOpenOpen palette in generator→
#3f64c0rgb(63, 100, 192)Values, shades & harmoniesOpenOpen palette in generator→
#343884rgb(52, 56, 132)Values, shades & harmoniesOpenOpen palette in generator→
#223058rgb(34, 48, 88)Values, shades & harmoniesOpenOpen palette in generator→
#161231rgb(22, 18, 49)Values, shades & harmoniesOpenOpen palette in generator→
Meridian
#8faed6rgb(143, 174, 214)Values, shades & harmoniesOpenOpen palette in generator→
#4179bergb(65, 121, 190)Values, shades & harmoniesOpenOpen palette in generator→
#333d85rgb(51, 61, 133)Values, shades & harmoniesOpenOpen palette in generator→
#1e2f5drgb(30, 47, 93)Values, shades & harmoniesOpenOpen palette in generator→
#121930rgb(18, 25, 48)Values, shades & harmoniesOpenOpen palette in generator→
Depth
#88b6ddrgb(136, 182, 221)Values, shades & harmoniesOpenOpen palette in generator→
#4069bfrgb(64, 105, 191)Values, shades & harmoniesOpenOpen palette in generator→
#344883rgb(52, 72, 131)Values, shades & harmoniesOpenOpen palette in generator→
#1f315brgb(31, 49, 91)Values, shades & harmoniesOpenOpen palette in generator→
#140f33rgb(20, 15, 51)Values, shades & harmoniesOpenOpen palette in generator→
Ledger
#91a8d4rgb(145, 168, 212)Values, shades & harmoniesOpenOpen palette in generator→
#3e72c1rgb(62, 114, 193)Values, shades & harmoniesOpenOpen palette in generator→
#2d518brgb(45, 81, 139)Values, shades & harmoniesOpenOpen palette in generator→
#1c235ergb(28, 35, 94)Values, shades & harmoniesOpenOpen palette in generator→
#121530rgb(18, 21, 48)Values, shades & harmoniesOpenOpen palette in generator→
Yard
#91a2d4rgb(145, 162, 212)Values, shades & harmoniesOpenOpen palette in generator→
#4760b8rgb(71, 96, 184)Values, shades & harmoniesOpenOpen palette in generator→
#29458ergb(41, 69, 142)Values, shades & harmoniesOpenOpen palette in generator→
#251c5ergb(37, 28, 94)Values, shades & harmoniesOpenOpen palette in generator→
#121431rgb(18, 20, 49)Values, shades & harmoniesOpenOpen palette in generator→
Deep admiral
#8b99dargb(139, 153, 218)Values, shades & harmoniesOpenOpen palette in generator→
#434bbcrgb(67, 75, 188)Values, shades & harmoniesOpenOpen palette in generator→
#32298frgb(50, 41, 143)Values, shades & harmoniesOpenOpen palette in generator→
#242159rgb(36, 33, 89)Values, shades & harmoniesOpenOpen palette in generator→
#140f33rgb(20, 15, 51)Values, shades & harmoniesOpenOpen palette in generator→
Pale ink
#8a9cdbrgb(138, 156, 219)Values, shades & harmoniesOpenOpen palette in generator→
#386bc7rgb(56, 107, 199)Values, shades & harmoniesOpenOpen palette in generator→
#2a388ergb(42, 56, 142)Values, shades & harmoniesOpenOpen palette in generator→
#231c5ergb(35, 28, 94)Values, shades & harmoniesOpenOpen palette in generator→
#131230rgb(19, 18, 48)Values, shades & harmoniesOpenOpen palette in generator→
Soft harborline
#90a8d5rgb(144, 168, 213)Values, shades & harmoniesOpenOpen palette in generator→
#4654b9rgb(70, 84, 185)Values, shades & harmoniesOpenOpen palette in generator→
#282c90rgb(40, 44, 144)Values, shades & harmoniesOpenOpen palette in generator→
#242358rgb(36, 35, 88)Values, shades & harmoniesOpenOpen palette in generator→
#131630rgb(19, 22, 48)Values, shades & harmoniesOpenOpen palette in generator→
Bold midwatch
#889eddrgb(136, 158, 221)Values, shades & harmoniesOpenOpen palette in generator→
#495cb6rgb(73, 92, 182)Values, shades & harmoniesOpenOpen palette in generator→
#334584rgb(51, 69, 132)Values, shades & harmoniesOpenOpen palette in generator→
#20255brgb(32, 37, 91)Values, shades & harmoniesOpenOpen palette in generator→
#140f33rgb(20, 15, 51)Values, shades & harmoniesOpenOpen palette in generator→
Quiet officer
#8baddargb(139, 173, 218)Values, shades & harmoniesOpenOpen palette in generator→
#4148bergb(65, 72, 190)Values, shades & harmoniesOpenOpen palette in generator→
#323c85rgb(50, 60, 133)Values, shades & harmoniesOpenOpen palette in generator→
#212459rgb(33, 36, 89)Values, shades & harmoniesOpenOpen palette in generator→
#0e1034rgb(14, 16, 52)Values, shades & harmoniesOpenOpen palette in generator→
Faded nightsail
#8ca3d9rgb(140, 163, 217)Values, shades & harmoniesOpenOpen palette in generator→
#4851b7rgb(72, 81, 183)Values, shades & harmoniesOpenOpen palette in generator→
#272e91rgb(39, 46, 145)Values, shades & harmoniesOpenOpen palette in generator→
#232557rgb(35, 37, 87)Values, shades & harmoniesOpenOpen palette in generator→
#0f1733rgb(15, 23, 51)Values, shades & harmoniesOpenOpen palette in generator→
Vivid anchor
#8ba0dargb(139, 160, 218)Values, shades & harmoniesOpenOpen palette in generator→
#4858b7rgb(72, 88, 183)Values, shades & harmoniesOpenOpen palette in generator→
#2e3c8argb(46, 60, 138)Values, shades & harmoniesOpenOpen palette in generator→
#1d1f5drgb(29, 31, 93)Values, shades & harmoniesOpenOpen palette in generator→
#101433rgb(16, 20, 51)Values, shades & harmoniesOpenOpen palette in generator→
Smoky cadet
#8a9cdbrgb(138, 156, 219)Values, shades & harmoniesOpenOpen palette in generator→
#3959c6rgb(57, 89, 198)Values, shades & harmoniesOpenOpen palette in generator→
#29498ergb(41, 73, 142)Values, shades & harmoniesOpenOpen palette in generator→
#20225argb(32, 34, 90)Values, shades & harmoniesOpenOpen palette in generator→
#191230rgb(25, 18, 48)Values, shades & harmoniesOpenOpen palette in generator→
Clear meridian
#92a3d3rgb(146, 163, 211)Values, shades & harmoniesOpenOpen palette in generator→
#374cc8rgb(55, 76, 200)Values, shades & harmoniesOpenOpen palette in generator→
#2b488drgb(43, 72, 141)Values, shades & harmoniesOpenOpen palette in generator→
#1f215crgb(31, 33, 92)Values, shades & harmoniesOpenOpen palette in generator→
#111a31rgb(17, 26, 49)Values, shades & harmoniesOpenOpen palette in generator→
Dusky depth
#87abdergb(135, 171, 222)Values, shades & harmoniesOpenOpen palette in generator→
#3e75c1rgb(62, 117, 193)Values, shades & harmoniesOpenOpen palette in generator→
#28348frgb(40, 52, 143)Values, shades & harmoniesOpenOpen palette in generator→
#1c315frgb(28, 49, 95)Values, shades & harmoniesOpenOpen palette in generator→
#140f33rgb(20, 15, 51)Values, shades & harmoniesOpenOpen palette in generator→
Warm ledger
#8f97d6rgb(143, 151, 214)Values, shades & harmoniesOpenOpen palette in generator→
#3648c9rgb(54, 72, 201)Values, shades & harmoniesOpenOpen palette in generator→
#2e378argb(46, 55, 138)Values, shades & harmoniesOpenOpen palette in generator→
#1c1d5ergb(28, 29, 94)Values, shades & harmoniesOpenOpen palette in generator→
#101032rgb(16, 16, 50)Values, shades & harmoniesOpenOpen palette in generator→
Cool yard
#919cd4rgb(145, 156, 212)Values, shades & harmoniesOpenOpen palette in generator→
#3665c9rgb(54, 101, 201)Values, shades & harmoniesOpenOpen palette in generator→
#314687rgb(49, 70, 135)Values, shades & harmoniesOpenOpen palette in generator→
#1c205frgb(28, 32, 95)Values, shades & harmoniesOpenOpen palette in generator→
#101033rgb(16, 16, 51)Values, shades & harmoniesOpenOpen palette in generator→
Frequently asked questions
Navy pairs with white, camel, blush, gold, and almost anything, it behaves like a refined black.
Navy carries its own psychology in branding and design, and the palettes on this page show its range from light to dark. Use the lighter schemes for backgrounds and airy layouts, and the deeper ones for identity work that needs weight.
A strong example from this page is Admiral: #86a3df, #385dc7, #2a3a8e, #1f375c, #121430. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.
Build your own palette
Upload any image and pull a print-ready palette from it in seconds.
Open the color palette generatorMore free tools for your next project
New
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNew
Gradient makerMake vibrant custom gradients for web and print instantlyNew
Bitmap makerTurn any photo into 1-bit dither and halftone bitmap artNew
Pattern generatorTurn any color palette into seamless geometric patternsNew
RGB to CMYK converterTrue CMYK conversion with a print ready download in seconds
Background removerCut out the background from any image in one click
Image upscalerSharpen and enlarge photos up to 4x without losing detail
Color palette generatorPull HEX, RGB, CMYK, and Pantone codes from any image
Contrast checkerCheck color contrast for accessible, readable designs
Convert DOC to PDFTurn any Word document into a print ready PDF instantly
Business card makerCreate custom business cards and download print ready files
Sticker sheet makerArrange your designs and print custom sticker sheets
Sticker makerDesign custom die cut stickers in any shape from your artwork
Instagram name makerTurn your Instagram handle into a custom sticker in seconds
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNewGradient makerMake vibrant custom gradients for web and print instantlyNewBitmap makerTurn any photo into 1-bit dither and halftone bitmap artNewPattern generatorTurn any color palette into seamless geometric patternsNewRGB to CMYK converterTrue CMYK conversion with a print ready download in secondsBackground removerCut out the background from any image in one clickImage upscalerSharpen and enlarge photos up to 4x without losing detailColor palette generatorPull HEX, RGB, CMYK, and Pantone codes from any imageContrast checkerCheck color contrast for accessible, readable designsConvert DOC to PDFTurn any Word document into a print ready PDF instantlyBusiness card makerCreate custom business cards and download print ready filesSticker sheet makerArrange your designs and print custom sticker sheetsSticker makerDesign custom die cut stickers in any shape from your artworkInstagram name makerTurn your Instagram handle into a custom sticker in seconds
