Navy & Gold Color Palette

Name: Navy & Gold Color Palette
Creator: PhotoTones
Published: 2026-04-17T00:00:00Z
License: https://creativecommons.org/licenses/by/4.0/
Keywords: navy and gold color palette, luxury color palette, premium brand palette

Updated June 10, 2026

An elegant navy and gold color palette — deep navy, royal blue, antique gold, and ivory. Hex codes for luxury, wedding, and premium brand designs.

A navy & gold color palette captures Ivory, Soft Gold, Antique Gold, and 3 more coordinated tones — ready-to-copy hex codes for web design, branding, UI themes, and creative projects.

Gold and blue luxury metal decor — Photo by Nick Fewings on Unsplash

The Navy & Gold Palette

Ivory #F5F0E1 rgb(245, 240, 225) hsl(45, 50%, 92%)
Soft Gold #ECD494 rgb(236, 212, 148) hsl(44, 70%, 75%)
Antique Gold #D4AF37 rgb(212, 175, 55) hsl(46, 65%, 52%)
Royal Navy #1454BC rgb(20, 84, 188) hsl(217, 81%, 41%)
Deep Navy #093D79 rgb(9, 61, 121) hsl(212, 86%, 25%)
Midnight #2B415D rgb(43, 65, 93) hsl(214, 37%, 27%)

Want a custom palette from your own photo?

PhotoTones extracts hex codes from any image in under a second — free and private.

Open the Color Palette from Image Generator

Hex Codes at a Glance

#F5F0E1, #ECD494, #D4AF37, #1454BC, #093D79, #2B415D

How to Use This Palette

In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files, plus brand kit ZIPs with design tokens and Figma JSON.

Build Your Own Palette

This navy & gold palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.

Related Palettes

Frequently Asked Questions

What hex codes are in a navy & gold color palette?

This navy & gold palette includes #F5F0E1, #ECD494, #D4AF37, #1454BC, #093D79, #2B415D. Copy any hex directly for CSS, Figma, Tailwind, or mood board projects.

How do I use a navy & gold palette in web design?

Use vibrant tones for primary actions, muted tones for backgrounds, and dark tones for text. Upload your own navy & gold-inspired photo to PhotoTones to extract a custom palette in under 1 second.

Can I build a custom navy & gold palette from my own photo?

Yes. Open phototones.com, upload a navy & gold-inspired image, and click Generate Color Palette. PhotoTones extracts up to 6 colors free (12 on Pro) — entirely in your browser with no upload.